面试必问的8个CSS响应式单位,你知道几个?

前言
今天,我们生活在手机的世界里。有如此多的手机,有如此多的屏幕,屏幕的尺寸从当年的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, div是32px,p是div的2倍64px。
ch
它是相对于’0’(零)的宽度。

面试必问的8个CSS响应式单位,你知道几个?最先出现在Python成神之路

版权声明:
作者:lichengxin
链接:https://www.techfm.club/p/5125.html
来源:TechFM
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>