关于响应式布局小结

1.移动端独立浏览器内核：

微软：Trident

火狐： Gecko

开源内核： Webkit 【Android原生浏览器、Safari、Chrome、UC、QQ浏览器】

Opera:  Presto 【Opera Mobile、OperaMini、Opera浏览器、Opera HD Beta版】

对应css兼容处理前缀

微软: -ms-

火狐: -moz-

Opera: -o-

开源内核： -webkit- 【在国内占主要，用于兼容低版本IE、底版android原生浏览器、底版safari】

2.流式布局（百分比布局、弹性盒布局）

支持的属性：width、height、padding、margin，都是针对父元素的百分比

3.媒体查询

针对特定设备或条件给出特定的css样式，比如竖屏或横屏、视口大或小

PS：IE6、7、8不支持媒体查询