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

Question

我试图通过给出％age中的所有值来调整屏幕元素的大小，主要是div标签，left，top，width，height。它似乎工作但有一个问题。

我从实际（px /屏幕宽度）* 100和高度（px /屏幕高度）* 100计算宽度 现在因为高度和宽度都是对屏幕宽度和高度的约束，如果宽高比保持相同，它的工作分辨率。

但问题是，当宽度保持不变并且高度变化时，例如通过降低高度，它会改变高度，并且元素宽度保持不变。这使它们看起来很糟糕并在屏幕上压缩。无论如何，我可以像我们的视频一样保持约束完整吗？

或者我是否应该计算屏幕的高度，反之亦然？

Answer 1

我不知道您说的是哪些视频，但通常最佳做法是编写与屏幕尺寸无关的网络用户界面。您需要考虑您想要支持的最低公分母，理论上它应该适用于更高的公共分母。