[分享]css中20%跟等于多少em

CSS中常常使用百分比作为尺寸单位。如果我们需要把一个容器的宽度设为20，那么它会相对于其父元素的宽度进行计算。如果父元素的宽度是像素，那么这个容器的宽度就是160像素。父元素宽度：px 容器宽度：2...

CSS中常常使用百分比作为尺寸单位。如果我们需要把一个容器的宽度设为20%，那么它会相对于其父元素的宽度进行计算。如果父元素的宽度是***像素，那么这个容器的宽度就是160像素。

父元素宽度：***px
容器宽度：20%
计算公式：***px * 20% = 160px 

而如果我们想把一个元素的字号设为20%的话，那么它的实际字号大小就会与它所属的父元素的字号大小相关。如果父元素的字号大小是16像素，那么这个元素的字号就是3.2像素，即16 * 20% = 3.2。

父元素字号大小：16px
元素字号大小：20%
计算公式：16px * 20% = 3.2px 

当然，我们也可以使用EM单位来代替百分比。EM单位是相对于元素自身字号大小的单位。在上面的例子中，如果我们把字号设为1.25EM的话，那么这个元素的实际字号大小就会变成其所属父元素的字号大小的1.25倍。如果父元素的字号大小是16像素，那么这个元素的字号就是20像素，即16 * 1.25 = 20。

父元素字号大小：16px
元素字号大小：1.25em
计算公式：16px * 1.25 = 20px 

总的来说，百分比和EM单位都是非常常用的尺寸单位，它们能够帮助我们快速地设置元素的尺寸和字号大小。需要注意的是，它们的计算方式和应用场景都略有不同，我们应该在具体情况下灵活选择使用哪一种单位。