如何让网页自适应分辨率

首先分辨率是什么?

打个比方。分辨率为1366×768时,就是指在等离子屏幕的横向上划分了1366 个像素点,竖向上划分了 768 个像素点。所以在同一个屏幕上设置分辨率越高,同一个图片就显得越小越清晰,因为图片的像素是定了的,比如240x240。自己脑补一下,自己的电脑是不是设置分辨率低一点的时候,桌面图标就会变大变模糊呀。1024*768的分辨率是现在比较常见的。

所以前期设计时就应该考虑不同分辨率的问题,1024的话理论上应该不超过1000px的宽度。写一个宽度小于1000的容器,设置为margin:0 auto(居中);然后把所有内容装到里面去。

你可能感兴趣的:(网页的布局等问题)