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

今天帮人做网页,做到最后找我哥验证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

7 只评论

  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

    回复

  5. 尊姓大名(选填) 在 11年4月14日 13:04 说:

    回复

    商道 回复于 11年4月14日 13:05

发表评论