0

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

body{
width:100%;
}

但这似乎不起作用!

提前致谢!

4

1 回答 1

0

您需要将 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>

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

于 2013-02-17T18:57:50.517 回答