网页适应不同分辨率最简单的方法

今天帮人做网页,做到最后找我哥验证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日(星期六) 01:12:03
分类: 网站技术 标签: , ,
欢迎恭维、羡慕、崇拜、嫉妒……拍砖请保持专业素质,谢谢合作!本文评论RSS

5 只评论

  1. 微笑变天堂 在 08年6月14日 09:25 说:

    大好人。。。谢谢你啦。。。超级感谢。。。

    回复

    長生天 回复于 08年6月14日 10:43

    呵呵 顺便练手~ 不谢^^

  2. 智商250网 在 09年3月20日 09:16 说:

    感谢,帮我解决了大问题!

    回复

  3. 花刘 在 09年5月9日 23:11 说:

    谢谢,正愁呢!

    回复

  4. 磁石 在 10年1月18日 14:10 说:

    大哥,帮帮我,我不太明白怎么改,能不能跟我在QQ聊聊。
    我QQ:26319019

    回复

发表评论