Question

我正在开发一个网站，更具体地说，这个网站：http://securitybreak.tk。问题是，当我调整屏幕分辨率时，网页看起来与我构建它的分辨率（1600x900）有很大不同。我尝试了很多东西，比如：

body{
width:100%;
}

但它似乎不起作用！

提前致谢！

Answer 1

您需要将width属性添加到要缩放的所有元素。不要将它添加到body，创建一个容器。然后找到里面的所有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>

请注意，更改屏幕尺寸也会平滑地更改元素大小。

CSS屏幕分辨率

1 个答案: