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

问题描述

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

解决方法

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