26.CSS前缀和rem
第二十章 CSS3前缀和rem
一、css3前缀（每个浏览器的专有前缀，各大厂商的前缀列表如下）
浏览器 厂商前缀
Chrome、Safari -webkit-
Opera -o-
Firefox -moz-
Internet Explorer -ms-
//在这里用 border-radius 举例（他是CSS标准属性，早期处于实验阶段，尚未列入标准时，需要使用厂商前缀）
属性 浏览器 带前缀版本 不带前缀版本 标准/实验
IE 不支持 9.0+ }
Firefox 3.0需要-moz- 4.0+ }
border-radius Safari 3.1需要-webkit- 5.1+ } 标准
Chrom 4.0 5.0+ }
Opera 不支持 10.5+ }
例、 // -webkit-border-radius：50px；
二、长度单位rem(rem或者成为（根em）、目前主流浏览器都支持，他和em，百分比不同的是，他不是与父元素挂钩，而是相对于根元素<html>文本大小来计算的，能更好的统一页面整体风格)
//设置字体大小推荐rem ，算法比em简单多。 font-size:1.1rem;
浏览器 rem单位
Opera 11.6+
Firefox 3.6+
Safari 5.0+
Chrome 6.0+
IE 9.0+
