关于响应式布局小结
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不支持媒体查询