MDL容器组件 参考代码 1. 单行页脚/Mini footer MDL的单行页脚/Mini footer组件以单行水平方式组织所有的信息： 单行页脚同样采用flexbox布局，将整行分割为左右两种区域，并以空格填充剩余的行空间： {代码...} left-section总是向左边对齐，而right-section总是向右边对齐。 单行页脚内可以放置多个left-section或righ...

MDL布局组件 参考代码 1. 布局/Layout MDL的布局/Layout组件用来作为整个页面其他元素的容器，可以自动适应不同的浏览器、 屏幕尺寸和设备。 布局/Layout组件需要按特定的HTML结构进行声明： {代码...} 需要指出的是，在一个布局声明中，header等子元素不一定全部使用，比如你可以不要侧栏菜单： {代码...} 布局组件简化...

在iso7之前，Apple采用的是拟真化设计语言，期望通过模拟现实世界的物体，给用户身临其境的感觉。自metro和ios7开始的扁平化设计语言则相反，它着意去掉冗余的装饰效果（比如透视、纹理、渐变等等能做出3D效果的元素），让“信息”本身重新作为核心被凸显出来。