×
新网 > 建站推广 > 正文

你不知道的metro design细节–Grid

metro设计风格所定义的页面由网络系统(Grid)组成,其中所定义的每个单元的大小是20x20px。而每一个单位格中又以5x5px为单位定义更小单位的子单元。

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

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

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

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

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

适中型列表中的元素间距每隔一个元素,对齐到下一单元格 (1.5个单元格)

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

作者:allan

文章来源:experience10.com

 

  • 相关专题

免责声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,也不承认相关法律责任。如果您发现本社区中有涉嫌抄袭的内容,请发送邮件至:operations@xinnet.com进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。

免费咨询获取折扣

Loading