摘要： 大家都知道响应式布局的要素有几点：1.用百分比来定位，好处是不需要用js就可以根据浏览器的缩放拉伸和缩小元素。2.用em来作为度量单位。由于是相对单位，比像素更灵活一点。虽然在我目前还没发现经过viewport转换后em和px用起来有什么区别 t.t3.在HTML中为media query准备好4.对移动设备使用media query，常用的有：/*pad*/@media screen and (min-width: 769px){}/*horizontal iphone5 568x320*/@media screen and (max-width: 768px) and (min-width 阅读全文