网页适应不同分辨率最简单的方法
今天帮人做网页,做到最后找我哥验证Bug,发现在不同分辨率下表格和DIV层严重错乱,怎么设置层的边距都无法满足各种分辨率的需要,网上看了很多方法不是JS判断客户端就是定义一大堆CSS,最后终于找到个简单点的。请见文中红色部分。
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>网页适应不同分辨率最简单的方法</title>
<style type="text/css">
<!--
body { margin:0; padding:0; } //这句不是必需,但是能解决某些浏览器上边距留白的问题~
#center {
width:778px; //视网页宽度而定
margin:0 auto; //意思是网页上下边距为0,左右边距自适应
}
-->
</style>
</head>
<body>
<div id="center">
网页适应不同分辨率最简单的方法:
在网页所有内容外嵌套一个总的DIV层,如本例中的"center",定义"center"的CSS如上所示即可~
</div>
</body>
</html>
微笑变天堂 在 08年6月14日 09:25 说:
大好人。。。谢谢你啦。。。超级感谢。。。
回复
長生天 回复于 08年6月14日 10:43:
呵呵 顺便练手~ 不谢^^
智商250网 在 09年3月20日 09:16 说:
感谢,帮我解决了大问题!
回复
花刘 在 09年5月9日 23:11 说:
谢谢,正愁呢!
回复
磁石 在 10年1月18日 14:10 说:
大哥,帮帮我,我不太明白怎么改,能不能跟我在QQ聊聊。
我QQ:26319019
回复