![](https://csdnimg.cn/release/download_crawler_static/85966278/bg1.jpg)
面试必问的 8 个 CSS 响应式单位,你知道几个?
大家好,我是半夏👴,一个刚刚开始写文的沙雕程序员.如果喜欢我的文章,可以关注➕
点赞 👍 加我:frontendpicker,一起学习交流前端,成为更优秀的工程师~关注:搞前端的
半夏,了解更多前端知识! 点我探索新世界!
原文链接 ==>http://sylblog.xin/archives/51
前言
今天,我们生活在手机的世界里。有如此多的手机,有如此多的屏幕,屏幕的尺寸从当年
的 2.4 英寸到 3.5 英寸、4.0 英寸、5.0 英寸等等,到现在基本上 6.0 英寸起步了。
em
它是相对于父字体大小的。
比如给元素设置 font-size: 2em,这里的默认字体大小实际上是继承自父亲的大小,font-size:
2em 表示当前元素字体大小是父亲的 2 倍。
求下面 em 的 px 值
body{
font-size: 2em;
}
p {
font-size: 2em;
width: 2em;
}
em
em
第一个 em 的大小是 32px,第二个 em 的大小的是 64px。
html 默认是 16px,body 是 2em,是默认的 2 倍 32px,