日期:2014-05-17  浏览次数:20913 次

如何使网页适应各种尺寸及分辨率的屏幕
如题,请问怎么使网页适应各种尺寸及分辨率的屏幕?

------解决方案--------------------
这个比较麻烦,用百分比的话可以适应较多的分辨率但某些极端的分辨率会出现版面错乱等问题
------解决方案--------------------
除了百分比真没其他好方法了。但是百分比很容易让页面错位!反正我一直不用。只用PX!

要不只能麻烦做2套CSS,适应各种浏览分辨率。有人说用EM,其实EM只是个相对单位,设置起来很复杂。所以目前用得最多的还是PX为单位的值。
------解决方案--------------------
实际的设计,只是考虑通常的分辨率,比如以800*600以最低限(现在一般都舍弃它,最小用1024*768的)。如果窗口硬缩小的,就显示部分内容。除非你的内容本身就很少,比如宽不出20个像素,高不出2个像素,这样才能谈到适应(就是都能显示)浏览器任意缩放的尺寸。否则都只能显示到一部分。