问题描述
||
我试图通过给出%age中的所有值来调整主要是div标签,左,顶部,宽度,高度的屏幕元素的大小。它似乎有效,但是有一个问题。
我从实际(px /屏幕宽度)* 100计算宽度,并以(px /屏幕高度)* 100计算高度
现在,由于高度和宽度均受屏幕宽度和高度的限制,因此如果纵横比在任何分辨率下均保持不变,则可以正常工作。
但是问题出在说宽度保持不变并且高度发生变化(例如通过减小高度)时,它会改变高度并且元素宽度保持不变。这使它们看起来很糟并且在屏幕上被压缩。无论如何,像我们拥有的视频一样,我可以保持约束完整吗?
还是我还应该针对屏幕宽度计算高度,反之亦然?
解决方法
我不知道您在说什么视频,但是通常最好的做法是编写与屏幕尺寸无关的Web UI。您需要考虑要支持的最低公分母,从理论上讲,它应适用于所有更高的公分母。