根據屏幕分辨率調整 HTML div 元素大小的問題

Question

我正在嘗試通過在 %age 中給出所有值來調整屏幕元素的大小，主要是 div 標簽、left、top、width、height。 它似乎有效，但有一個問題。

我現在從實際（像素/屏幕寬度）* 100 和高度（像素/屏幕高度）* 100 計算寬度，因為高度和寬度都是對屏幕寬度和高度的約束，如果縱橫比在任何分辨率下保持不變，它可以工作。

但是當說寬度保持不變並且高度發生變化時，問題就來了，例如通過降低高度，它會改變高度並且元素寬度保持不變。 這使它們在屏幕上看起來很糟糕並被壓縮。 無論如何，我可以像我們擁有的視頻一樣保持約束不變嗎？

還是我也應該根據屏幕寬度計算高度，反之亦然？

Answer 1

我不知道你說的是什么視頻，但通常最好的做法是編寫與屏幕尺寸無關的 web UI。 您需要考慮要支持的最低公分母，理論上它應該適用於所有更高的公分母。