UC知道急,请问css中em的换算问题?
来源：百度知道 编辑：UC知道 时间：2024/06/23 05:24:19
急,请问css中em的换算问题?
<style>
p{
font-size:10px;
}
p span{
font-size:20em;
}
</style>
<p>123<span>456</span></p>
<p style="font-size:200px">456</p>
span中的456大小是20em乘以10px结果显示出来是200px
那么我又写了个<p>来模拟span的值,我也用20em乘以10px后把
style="font-size:200px;"的值写在p里,得出和span一样大小的456
那么我用换算的办法测试,如果把20em换算成px,就是20em乘以16px就是320px
然后在10px的基础上再乘以320px就变成3200px了,就不能模拟出span的大小值了?
请问这是什么原因,我想em是可以转成px在乘10px的,为什么就不行,能说出是
什么原因吗?
<style>
p{
font-size:10px;
}
p span{
font-size:20em;
}
</style>
<p>123<span>456</span></p>
<p style="font-size:200px">456</p>
span中的456大小是20em乘以10px结果显示出来是200px
那么我又写了个<p>来模拟span的值,我也用20em乘以10px后把
style="font-size:200px;"的值写在p里,得出和span一样大小的456
那么我用换算的办法测试,如果把20em换算成px,就是20em乘以16px就是320px
然后在10px的基础上再乘以320px就变成3200px了,就不能模拟出span的大小值了?
请问这是什么原因,我想em是可以转成px在乘10px的,为什么就不行,能说出是
什么原因吗?
好像昨天回答过你了. em不是让你做乘法的。 在标准模式下 1em=16px
em，字体高吧，在以这个为单位时，在全局，要设定一个字体高为多少，折腾这么多干什么，你统一为象素或者点阵为单位不就完了。
em只根据标签里字体的大小变化的,你定义里P{font-size:10px},所以P里的标签在没有定义字体大小的情况下字体大小都为10px(样式的继承性);所以里面的em也为10px