分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

26.CSS前缀和rem

发布时间:2023-09-06 01:44责任编辑:苏小强关键词:CSS

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

26.CSS前缀和rem

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved