如何將網站寬度從標準尺寸改爲寬屏？

Question

我知道你可以設置你選擇的像素的標準尺寸，以供用戶查看，但許多網站如何創建一個「浮動」屏幕調整？我猜測它會檢測讀者擁有哪種屏幕尺寸，然後進行調整。如何才能做到這一點？信息：我有標準的盒子尺寸，我想針對「更寬」的筆記本電腦屏幕進行可變調整...

Answer 1

作爲達斯汀表明，如果要元素的寬度是相對於可用的顯示，可以指定使用百分比在CSS的寬度。如果你想要元素「浮動」（在中間），並保持相對於顯示的寬度，你可以嘗試下面的CSS（其中myDiv是你想遵循這種行爲的ID）：

div#myDiv { 
    width:     75%; 
    margin-left:   auto; 
    margin-right:   auto; 
} 

Answer 2

有幾種方法可以做到這一點，但最基本和簡單的方法是使用寬度的百分比。像這樣的東西，然後使用相對百分比嵌套元素。

body { 
    width: 100%; 
}