标签：
今天我们学了响应式，以前听说响应式，总觉得很高大上、很难的感觉，不过今天老师讲了之后，才发现没有想象中的那么难。响应式对以前不常用的像素单位（em）或是很少见的像素单位（rem)进一步应用。响应式布局是一种网站针对各种浏览器和设备“响应”不同显示效果的策略。响应式分三步，第一步，运用流式布局，所谓流式布局就是运用百分比，而不是用绝对像素（px）,浏览器字体大小默认为16px,即width:312.5%;即width:50px;第二步，运用媒体查询，将宽度使用百分比来布局，布局时写成如下:@media screen and ({min-width:600px});第三步，在头部添加meta属性，如：<meta name="viewport" content="width=device-width; initial-scale=1.0">.em是根据它所在div进行放大缩小的，而rem是root-em的缩写，也就是此单位是根据根元素来进行缩放的。
标签：
原文地址：http://www.cnblogs.com/winterSnowwing/p/5027892.html
