单位REM的理解
来源:互联网 发布:centos 查端口占用 编辑:程序博客网 时间:2024/04/28 12:44
em是相对于当前的字体大小,rem是相对于页面html 元素的font-size 大小
如下demo: 两个div 的高度都是 36 (html font-size 是18 2rem 就是36,与当前行字体设置无关)
<!DOCTYPE html>
<html style="font-size: 18px;"><head>
<title>-webkit-box</title>
</head>
<body >
<div style=" font-size: 20px;">
<div style=" background-color: #f00; height:2rem;">
测试一下EM
</div>
</div>
<div style=" font-size: 10px;">
<div style="background-color: #0f0;height: 2rem;">
测试一下EM
</div>
</div>
</body>
</html>
0 0
- 单位REM的理解
- px rem em 单位的理解和单位换算
- 移动端的rem单位
- rem单位的使用总结
- 单位rem
- css rem 的理解
- css rem 的理解
- css rem 的理解
- css rem 的理解
- canvas无法使用rem单位的解决方案
- 前端rem单位的正确使用姿势
- 手机上rem大小单位的设置
- css3中强大的rem单位
- em和rem 单位的使用
- 移动端rem单位自适应的用法
- em和rem的理解
- 关于rem布局的理解
- CSS3中的rem单位
- Oracle卸载重新安装——实战
- 银行理财升温,6.8收益亮眼
- shell常用命令语法及功能zz
- 徒步看风景
- maven仓库组讲解
- 单位REM的理解
- 程序员的奋斗史(十八)——人活着,只是一种态度
- 楼市将从卖房变成卖服务 智能家居成为关键
- 正则表达式的预搜索
- UNITY3D物理引擎Rigidbody,Collider,PhysicMaterial的整理
- linux bonding 技术
- readb(), readw(), readl(),writeb(), writew(), writel() 宏函数
- 程序员的奋斗史(十九)——因为爱情
- 接口测试总结