如何让网页自适应分辨率
2016-06-22 18:55
369 查看
首先分辨率是什么?
打个比方。分辨率为1366×768时,就是指在等离子屏幕的横向上划分了1366
个像素点,竖向上划分了 768 个像素点。所以在同一个屏幕上设置分辨率越高,同一个图片就显得越小越清晰,因为图片的像素是定了的,比如240x240。自己脑补一下,自己的电脑是不是设置分辨率低一点的时候,桌面图标就会变大变模糊呀。1024*768的分辨率是现在比较常见的。
所以前期设计时就应该考虑不同分辨率的问题,1024的话理论上应该不超过1000px的宽度。写一个宽度小于1000的容器,设置为margin:0 auto(居中);然后把所有内容装到里面去。
打个比方。分辨率为1366×768时,就是指在等离子屏幕的横向上划分了1366
个像素点,竖向上划分了 768 个像素点。所以在同一个屏幕上设置分辨率越高,同一个图片就显得越小越清晰,因为图片的像素是定了的,比如240x240。自己脑补一下,自己的电脑是不是设置分辨率低一点的时候,桌面图标就会变大变模糊呀。1024*768的分辨率是现在比较常见的。
所以前期设计时就应该考虑不同分辨率的问题,1024的话理论上应该不超过1000px的宽度。写一个宽度小于1000的容器,设置为margin:0 auto(居中);然后把所有内容装到里面去。
相关文章推荐
- 设计更快的网页(一):图片压缩
- IE:获取完整的网页
- IE:脱机浏览网页
- 网页恶意代码的预防
- 对于技术人员的出现了运行时间错误,是否要进行调试的解决方法
- 针对网页制作者的网页打开速度慢的解决方法集合第1/2页
- C#获取网页源代码的方法
- C#实现将网页保存成图片的网页拍照功能
- IE中用VBScript不提示直接打印的代码
- 网页绿色系配色应用实例图文第1/2页
- 提高CSS网页渲染效率的11点注意事项
- C#下载网页并在控制台输出的方法
- js+css使文本框自动适应内容的高度
- node.js抓取并分析网页内容有无特殊内容的js文件
- php查看网页源代码的方法
- Winform实现将网页生成图片的方法
- C#网页跳转方法总结
- asp.net 抓取网页源码三种实现方法
- js统计网页在线时间的脚本