前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >(2019)[前端]面试题[5]:CSS单位那些事【px,em,rem】

(2019)[前端]面试题[5]:CSS单位那些事【px,em,rem】

作者头像
无道
发布2019-11-13 16:30:00
8450
发布2019-11-13 16:30:00
举报
文章被收录于专栏:无道编程

问题

说一下你了解的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的值
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019-10-01,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 问题
  • 解答
  • 绝对长度单位
  • 相对长度单位
    • px
      • em
        • rem
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档