你不知道的metro design细节–Grid

metro设计风格所定义的页面由网络系统（Grid）组成，其中所定义的每个单元的大小是20x20px。而每一个单位格中又以5x5px为单位定义更小单位的子单元。在一个标准的1366×768屏幕上，单元格数量为68.25×38.5

内容区域的上边距为7个单元格

页面顶部的高度为5个单元格

页面的左边距为6个单元格

紧凑的列表项目中的二个元素的间距为一个单元格

适中型列表中的元素间距每隔一个元素，对齐到下一单元格 （1.5个单元格）

宽松型列表中的元素，间距为每二个单元格

作者：allan

文章来源：experience10.com