CSS屏幕分辨率
问题描述:
我正在开发一个网站,更具体一点,这一个:http://securitybreak.tk。问题是,当我调整我的屏幕分辨率时,网页看起来有很大不同,然后在我创建它的分辨率(1600x900)下。我尝试了很多东西,例如:CSS屏幕分辨率
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>
注意,改变屏幕尺寸也平滑变化的元素大小。
+0
谢谢,非常明确的答案,它实际上工作! – 2013-02-17 19:18:47
请包含更多代码!它看起来好的分辨率是多少?什么浏览器? – 2013-02-17 18:50:20
你可以发布截图和代码吗? – JSW189 2013-02-17 18:50:30
请发布一些更具体的示例,说明什么不起作用,以及您尝试使用哪些示例进行修复。 – Joe 2013-02-17 18:50:42