yxrectangle 发表于 2010-6-30 18:19

网页自动适应分辨率问题

我在17的显示器上做的网页拿到19上就面目全非了，怎么才能让网页自动适应显示器分辨率……
在线等……

poyexyp 发表于 2010-6-30 20:31

一般来说页面显示的差异主要表现在不同浏览器上，当然，如果是在14寸本子里做的清楚的页面放到19,20寸的屏里看肯定会有过大的不协调感，但是17和19之间应该不至于，这里说的面目全非是指什么情况呢？如果是元素字体大小的问题可适当使用相对尺度，如em；如果是布局错位，查找具体原因，比如浮动，绝对定位等。

[[i] 本帖最后由 poyexyp 于 2010-6-30 20:33 编辑 [/i]]

yxrectangle 发表于 2010-7-1 07:38

回复 2楼 poyexyp

浏览器我试过，没有问题，都兼容。在19的显示器上，网页整体在左边，而右边却留下一片空白。后来我在body里面加了：width:80%,margin:auto,这两个属性。网页就基本上在中间。如果我想让网页等比例放大，在17上是全屏幕的，在19上也是全屏幕的，怎么做呢？

poyexyp 发表于 2010-7-1 15:14

分辨率的关系，你19寸的屏幕分辨率比17的大，自然会有一边的空白了，可以通过调整19的分辨率到和你17的一样大，然后就会满屏，或者，所有的块状元素宽度都用百分率，不用绝对标尺；当然，一般的页面大多只是在一个宽度的内容框架下来做，超出部分用margin:0 auto让框架剧中也就是了，然后可以通过body和其他一些100%宽度的元素上放拉伸的背景图来消除页面上有空白的感觉。


页: [1]

编程论坛