(2019)[前端]面试题[5]:CSS单位那些事【px,em,rem】
无道
2019-10-01
0 条评论
前端相关
阅读593
手机阅读
问题
说一下你了解的CSS的单位?
Hello,欢迎来到我的博客,每天一道面试题,我们共同进步。
解答
首先CSS长度单位分为【绝对长度单位】和【相对长度单位】
绝对长度单位
- in 英寸
- cm 厘米
- mm 毫米
- pt
- pc
结论: 绝对长度单位表示为一个固定的值,不会改变。不利于页面渲染。所以很少人用。
相对长度单位
px
PX即像素,而像素是相对显示器屏幕分辨率而言的。
em
- em的值并不固定
- em继承父级元素的字体大小
- 任意浏览器的默认字体高都是16px
rem
- rem是CSS3中新增的单位,并且 相对的元素是html根元素(html),默认也是16px
- 通过它既可以做到只修改根元素就 成比例的调整所有字体大小,又可以避免字体大小逐层复合的连锁反应
- 区别em是根据父元素继承相应大小而不是固定的,rem是继承html根元素的大小
- 只有改变根元素html的值才能改变rem的值
全文完 [
支付宝打赏
微信打赏
]
有帮助?打赏


非特殊说明,本博所有文章均为博主原创。如若转载,请注明出处:https://www.misiyu.cn/article/102.html
这篇文章还没有评论呢~
It's me
昵称:无道
坐标:成都
性别:
一个人,一介学生,一个儿子~ 愿你我都被世界温暖以待

新建了个公众号,会不定期分享一些小玩意,有提升效率的办公软件、有一些黑科技的软件、或教程等等。
爷~,要不关注下~~
最新评论
点击排行
随机标签