css - 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>

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