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> 

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