我正在开发一个网站,更具体地说,这个网站:http ://securitybreak.tk 。问题是当我调整我的屏幕分辨率时,网页看起来与我构建的分辨率(1600x900)有很大不同。我尝试了很多东西,例如:
body{
width:100%;
}
但这似乎不起作用!
提前致谢!
我正在开发一个网站,更具体地说,这个网站:http ://securitybreak.tk 。问题是当我调整我的屏幕分辨率时,网页看起来与我构建的分辨率(1600x900)有很大不同。我尝试了很多东西,例如:
body{
width:100%;
}
但这似乎不起作用!
提前致谢!
您需要将 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>
请注意,更改屏幕大小也会平滑地更改元素大小。