rem——CSS3新引进来的一个度量单位
来源:互联网 发布:电话呼叫中心软件 编辑:程序博客网 时间:2024/05/17 08:06
html {font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/}body {font-size: 1.4rem;/*1.4 × 10px = 14px */}h1 { font-size: 2.4rem;/*2.4 × 10px = 24px*/}
我在根元素<html>中定义了一个基本字体大小为62.5%(也就是10px。设置这个值主要方便计算,
如果没有设置,将是以“16px”为基准 )。从上面的计算结果,我们使用“rem”就像使用“px”一样的
方便,而且同时解决了“px”和“em”两者不同之处。
浏览器的兼容性
rem是CSS3新引进来的一个度量单位,大家心里肯定会觉得心灰意冷呀,担心浏览器的支持情况
。其实大家不用害怕,你可能会惊讶,支持的浏览器还是蛮多的,比如:Mozilla Firefox 3.6+、
Apple Safari 5+、Google Chrome、IE9+和Opera11+。只是可怜的IE6-8无法,你们就把他们当
透明了吧,我向来都是如此。
不过使用单位设置字体,可不能完全不考虑IE了,如果你想使用这个REM,但也想兼容IE下的效果
,可你可考虑“px”和“rem”一起使用,用"px"来实现IE6-8下的效果,然后使用“Rem”来实现代浏览器
的效果。
0 0
- rem——CSS3新引进来的一个度量单位
- html5新的度量单位rem 更完美适配
- css3中强大的rem单位
- CSS3中的rem单位
- CSS3 相对单位rem
- css3 rem为单位
- 【HTML5学习笔记】27:CSS3前缀和新单位rem
- CSS3 REM单位简说
- css3大小单位px、pt、em和rem的区别
- css3大小单位px、pt、em和rem的区别
- 如何使用新单位rem
- 单位REM的理解
- [CSS3教程]相对单位rem详解
- CSS3 px em rem 单位说明
- css3-rem相对长度单位特点
- CSS3中的长度单位(em、rem)
- css3新单位
- 等比缩放之自适应神器——css3的rem
- 根据年月得到月份第一天周几和一个月多少天
- android studio 包依赖
- net-snmp的配置文件snmpd.conf配置说明
- 119. Pascal's Triangle II
- 关于地图定位的demo
- rem——CSS3新引进来的一个度量单位
- Objective-C Runtime 运行时之四:Method Swizzling
- Object 类的比较
- 在android studio中添加.jar文件后,rebuild不报错,执行报错的解决
- 中介者模式
- 树状数组详细介绍
- java基础学习总结——流
- html表单提交的方式
- Objective-C Runtime 运行时之五:协议与分类