第二十章 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+