CSS百分比寬度和高度以及分辨率問題

Question

我需要以多種屏幕分辨率運行我的應用程序。 目前我已經以百分比（％）而不是像素（px）指定了所有尺寸，以便它會自動重新調整屏幕大小。

這將是測量的更可靠的單位在我的網頁指定尺寸：像素（或EM）或百分比

Answer 1

對於Responsive Webdesign你真的應該借力media queries

個人而言，我更喜歡像素，因爲他們給了我更多的控制，我能夠可靠地知道每個元素的確切尺寸。通過媒體查詢，您還可以根據屏幕分辨率設置新的樣式。

百分比給你一個很好的響應感覺，但可以更難以確保你的佈局沒有被每個級別的決議廢棄。

Answer 2

兩種方法都是「可靠」。但是，如果您正在尋找自動調整大小，百分比是要走的路。如果您不希望元素根據窗口大小進行調整，則像素會是更好的解決方案。

Answer 3

百分比總是適用於父元素的百分比，而像素總是固定的。百分比更易於訪問，尤其是在較小的顯示器上但是您會遇到在錯誤時間等事件中斷線的問題。例如，如果您有50像素的圖像和100像素寬的文本行，並且您希望將這些項目放在同一行上，請指定150像素的寬度，因爲如果您指定百分比，則它們可能會顯示在您的顯示器上，但不會顯示在其他顯示器上。