码迷,mamicode.com
首页 > Web开发 > 详细

26.CSS前缀和rem

时间:2018-02-28 19:49:05      阅读:137      评论:0      收藏:0      [点我收藏+]

标签:3.1   百分比   mil   版本   不同   style   safari   需要   字体   

                                          第二十章  CSS3前缀和rem

一、css3前缀(每个浏览器的专有前缀,各大厂商的前缀列表如下)

      浏览器                 厂商前缀

    ChromeSafari           -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-radius50px

二、长度单位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+

26.CSS前缀和rem

标签:3.1   百分比   mil   版本   不同   style   safari   需要   字体   

原文地址:https://www.cnblogs.com/keshuai752100461/p/8485201.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!