失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 移动端页面单位的选择(px em rem)

移动端页面单位的选择(px em rem)

时间:2020-02-28 22:25:20

相关推荐

移动端页面单位的选择(px em rem)

移动端页面单位的选择(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)》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。