您的位置:首页 > 其它

如何让网页自适应分辨率

2016-06-22 18:55 369 查看
首先分辨率是什么?

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

所以前期设计时就应该考虑不同分辨率的问题,1024的话理论上应该不超过1000px的宽度。写一个宽度小于1000的容器,设置为margin:0 auto(居中);然后把所有内容装到里面去。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  分辨率 网页 自适应