CSS屏幕分辨率

Question

我正在開發一個網站，更具體一點，這一個：http://securitybreak.tk。問題是，當我調整我的屏幕分辨率時，網頁看起來有很大不同，然後在我創建它的分辨率（1600x900）下。我嘗試了很多東西，例如：

body{ 
width:100%; 
} 

但它似乎並不奏效！

在此先感謝！

Answer 1

您需要將width屬性添加到所有要縮放的元素。不要將它添加到正文，創建一個容器。然後找到它裏面的所有div。

我在這裏添加代碼，使其更舒適的閱讀：

<style> 
    #container 
    { 
     width: 100%; 
    } 
    #left 
    { 
     width: 50%; 
     background: #123456; 
     float: left; 
    } 
    #right 
    { 
     width: 50%; 
     background: #654321; 
     float: left; 
    } 
</style> 

<div id="container"> 
    <div id="left">Left</div> 
    <div id="right">Right</div> 
</div> 

注意，改變屏幕尺寸也平滑變化的元素大小。