Question

这是我的代码：http://jsbin.com/ziwafeyari/1/edit?html,css,output

div应该与文本的大小不同吗？我知道他们不是特定的价值观，他们是相对于某些东西，但对于什么？ em大小是否因.css文件或每个标记（div / p / ol / ul）而不同？

谢谢

Answer 1

1em相对于字母的大小＆＃34; m＆＃34;在当前字体中。因此＆＃34; em＆＃34;，得到它？

Answer 2

10px + .5em = 5px
10px + 1em = 10px
10px + 2em = 20px
10px + 50％= 5px
10px + 100％= 10px
10px + 200％= 20px

.standard-size {
    font-size: 30px;
}

.standard-size-resized-with-em {
    font-size: .5em;
}

.standard-size-resized-with-percentage {
    font-size: 50%;
}

<div class="standard-size">
    My text is 30px! <br />
	<span class="standard-size-resized-with-em" style="">My text is 15px!</span>
</div>

<div class="standard-size">
    My text is 30px! <br />
	<span class="standard-size-resized-with-percentage" style="">My text is 15px!</span>
</div>

http://jsfiddle.net/v0Ladkun/5/

Answer 3

em将继承其父级的字体大小。因此，如果font-size为1pt，1em = 1pt，2em = 2pt。如果您还没有设置font-size，默认情况下它是12pt或16px。所以em的默认值是12pt。它可能因其他HTML元素而异。

有关em的更多详细信息，请访问this link。

祝你好运！

3em字体应该与3em div的大小不同吗？

3 个答案: