根据屏幕分辨率调整HTML div元素大小时出现问题

如何解决根据屏幕分辨率调整HTML div元素大小时出现问题

|| 我试图通过给出％age中的所有值来调整主要是div标签，左，顶部，宽度，高度的屏幕元素的大小。它似乎有效，但是有一个问题。 我从实际（px /屏幕宽度）* 100计算宽度，并以（px /屏幕高度）* 100计算高度 现在，由于高度和宽度均受屏幕宽度和高度的限制，因此如果纵横比在任何分辨率下均保持不变，则可以正常工作。 但是问题出在说宽度保持不变并且高度发生变化（例如通过减小高度）时，它会改变高度并且元素宽度保持不变。这使它们看起来很糟并且在屏幕上被压缩。无论如何，像我们拥有的视频一样，我可以保持约束完整吗？ 还是我还应该针对屏幕宽度计算高度，反之亦然？     

解决方法

我不知道您在说什么视频，但是通常最好的做法是编写与屏幕尺寸无关的Web UI。您需要考虑要支持的最低公分母，从理论上讲，它应适用于所有更高的公分母。