css响应式布局{手机（app）、 平板 pc、（桌面、电脑）}
国外（自适应响应式布局）
中国（手机和电脑两种）
@midle媒体查询，通过改变屏幕尺寸screen（宽度width）来达到页面的自适应
采用继承的width（100%）的方式
em是相对长度单位，相对于当前对象内文本的字体
IE8及更新早版本外，所有的浏览器均支持rem
适用于响应式布局，尽量避开一个单位
pc：@madia screen and （max-with：1000px）{css代码}
平板：@madia screen and （min-with：768px）and（max-width：999px）{css代码}
APP：@madia screen and （min-with：767px）{css代码}
pc：三栏
平板：两栏
App：一栏
原文：http://www.cnblogs.com/duanfuying/p/5936537.html