博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
26.CSS前缀和rem
阅读量:6149 次
发布时间:2019-06-21

本文共 632 字,大约阅读时间需要 2 分钟。

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

你可能感兴趣的文章
使用FMDB最新v2.3版本教程
查看>>
SSIS从理论到实战,再到应用(3)----SSIS包的变量,约束,常用容器
查看>>
STM32启动过程--启动文件--分析
查看>>
垂死挣扎还是涅槃重生 -- Delphi XE5 公布会归来感想
查看>>
淘宝的几个架构图
查看>>
Android扩展 - 拍照篇(Camera)
查看>>
数据加密插件
查看>>
linux后台运行程序
查看>>
win7 vs2012/2013 编译boost 1.55
查看>>
IIS7如何显示详细错误信息
查看>>
Tar打包、压缩与解压缩到指定目录的方法
查看>>
配置spring上下文
查看>>
Python异步IO --- 轻松管理10k+并发连接
查看>>
Oracle中drop user和drop user cascade的区别
查看>>
登记申请汇总
查看>>
Office WORD如何取消开始工作右侧栏
查看>>
Android Jni调用浅述
查看>>
CodeCombat森林关卡Python代码
查看>>
第一个应用程序HelloWorld
查看>>
(二)Spring Boot 起步入门(翻译自Spring Boot官方教程文档)1.5.9.RELEASE
查看>>