博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
rem和em小插曲
阅读量:6257 次
发布时间:2019-06-22

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

今天突然发现对rem和em的理解有很多的错误

1.对em来说,它的大小是相对于父层font-size来改变,但是如果其自身有font-size属性的话,em会优先考虑自身的font-size;

2 rem是相对于根节点html的font-size来改变的

小例子

rem和em

 

 

div2的font-size为15px,其宽度为3rm,即为15*3+2=47

当去除自身的font-size,则继承父类的font-siz,即为20*3+3=62;

rem是严格按照html的font-size的大小

注意:font-size一定要大于12px,若你font-size设置为10px,则宽度为12*3+2=38;

浏览器默认的fon-size为12px

 

转载于:https://www.cnblogs.com/qianqian-it/p/9525489.html

你可能感兴趣的文章
和make相关的一些命令
查看>>
Fiddler抓取https设置及其原理
查看>>
常用的一些模板
查看>>
WPF使用Expression Design设计图形
查看>>
Ubuntu 下Qt安装实用教程
查看>>
DNS 协议2
查看>>
Ubuntu 隐藏所有窗口快捷键不生效问题
查看>>
编译Spring源码
查看>>
javascript运算符优先级
查看>>
Spring Cloud 学习 (七) Spring Cloud Sleuth
查看>>
使用docker api
查看>>
Log4j简单配置解析
查看>>
游戏上线... 记录下...
查看>>
js运动 淡入淡出
查看>>
leetcode 75颜色分类
查看>>
程序员求职成功路(3)
查看>>
Winform 打印PDF顺序混乱,获取打印队列
查看>>
django 快速搭建blog
查看>>
datetime.timedelta类
查看>>
SQL Server,MySQL,Oracle三者的区别
查看>>