CSS 屏幕分辨率

Question

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

body{
width:100%;
}

但是好像不行!

提前致谢!

Answer 1

您需要为所有要缩放的元素添加宽度属性。不要将它添加到主体，创建一个容器。然后找到其中的所有 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>

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