移动端页面单位的选择(px em rem)
绝对单位: px
相对单位: rem em
em具有继承性 继承自直接父类 所以说在移动端很少用
浏览器默认的字体大小 16px 那么 1em=16px
rem 有一个统一的标准 它继承自html 默认是16px=1rem
可以给html的字体大小设置为10px
html{
font-size: 10px;
}
10px=1rem 20px=2rem 30px=3rem
rem能用在任何关于单位的属性上 eg width height padding margin等
rem与em的区别?
1、em具有继承性 继承自直接父类 最外层的标签继承自 body
2、rem 没有继承性 所有的标签都是继承自html
如果觉得《移动端页面单位的选择(px em rem)》对你有帮助,请点赞、收藏,并留下你的观点哦!