26.CSS前缀和rem

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

转载于:https://www.cnblogs.com/keshuai752100461/p/8485201.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值