网页设计的栅格化设计 第1篇
什么是分辨率？
比如1920*1080px，整个屏幕可以看成是由很多小方格子组成，一个像素就是一个小格子，横向有1920个小格子，竖向有1080个小格子。
电脑屏幕是14寸还是15寸的，尺寸不变，电脑分辨率是可变的，在同一个屏幕上，分辨率越大画面就越精细，反之就越模糊。当下比较流行的屏幕分辨率：1024*768、1366*768、1280*800、1280*1024、1440*900、1600*900、1920*1080等。
网页设计的栅格化设计 第2篇
设计网页时要考虑好浏览器，主流的浏览器有谷歌、Safari、火狐、IE、欧朋等。
因为不同浏览器工具栏高度不同，如果设计内容需要在小屏幕上展示，就要考虑到打开浏览器默认页面及全屏页面的高度展示情况，如果浏览器所占高度较多，那么内容展示区域就被压缩了，所以就要考虑将最重要的内容尽量放在上面。
下面来看看最近一年浏览器市场份额占比情况。
「栅格系统好文推荐」
网页设计的栅格化设计 第3篇
1、VisibleGrid（可视栅格）
2、SnapGrid（光标捕捉栅格）
1、可将栅格状态暂时取消，摆放后恢复。方法是将光标捕捉栅格（SrlapGrid）前的“&raDIC;”去掉；
2、将光标捕捉栅格的数字设置得小一些，这样使图符移动的步伐细小一些，便能满足放在任意位置的目的。