【CSS面试题】设置宽度的width:50%是相对于谁而言,font-size:10%相对谁而言?

92 阅读1分钟

px:它是相对长度,屏幕的物理因素、屏幕的缩放率都会影响。查看css中1px的实际尺寸操作:通过在控制台中输入:window.devicePixelRatio来进行查看。

百分比%:相对单位,相对的基准不同。font-size:相对于父元素。width:相对于包裹该元素的外层盒子的width值。

em:相对单位,相对于本级元素的父元素font-size。div1里包裹一个div2,div1的fontsize为50px,设div2中的fontsize为2em,即100px

rem:相对单位,相对于根元素。默认html根元素的font-size:16px,若2rem,就是32px