请特别注意那9张图的排列格式。当你减小视口宽度时（小于960像素），注意看界面发生了什么变化。三行三列的图片排列方式变成了三行两列外加下方一行三列，如下图所示： 广州网站建设
 |
 |
继续减小视口宽度，当小于480像素时，图片排列方式又变成了第一行2张图片，第二行3张，第三行4张。这些图片的大小在视口宽度缩小至大约300像素时又发生了变化。下面的截图显示了其在iPhone上的效果： 广州网站设计
 |
0
Comments
下载视口调试工具（3）
发布于：2013-02-01 | 作者：广州网站建设 | 已聚集：人围观
下载视口调试工具（3）
继续减小视口宽度，在小于720像素的时候我们会遇到另一个设计"断点"。头部导航链接转换成了带图片的导航区域，这为触屏导航提供了更好的操作区域：
