带有以下声明的文字大小“Universe”
<div style=”font-size:12px;”>World is<div style=”font-size:0.5em;”>VERY small in <div style=”font-size:100%;”>Universe</div></div></div>
我在测验中遇到了这个问题。选项4,诱惑我在这里发布这个问题。
答案 0 :(得分:2)
12 * .5的100%是6。
答案 1 :(得分:0)
答案是6px
答案 2 :(得分:0)
必须在此上下文中阅读
尽管Percentages和Ems可以说是字体大小调整的最佳方法,但仍有两个主要问题需要克服:
跨浏览器的一致性
浏览器以不同的方式解释相对字体大小,特别是与继承有关。一个例子是在body标签中设置字体大小:
body {font-size:80%; }
大多数浏览器会将此渲染为元素默认字体行为的80%。标准H1将以200%的默认字体大小呈现,因此使用上面应用于页面的规则,H1将变为默认字体大小的160%(200%x 80%= 160%)。
Mac / Opera6不会在内容中一致地应用此规则。表中的文本保持默认大小。 Mac / Netscape4和Win / Netscape4将此规则应用于标题以及段落标记内的文本 - 使页面上的所有内容都达到80%的大小。 继承及其对嵌套项的影响
相对字体大小调整也会遇到继承问题及其对嵌套项的影响。例如,像下面这样的规则可能会导致继承问题:
p,ul {font-size:85%; }
显示段落和无序嵌套列表问题的示例。
段落或无序列表中的任何内容都将缩放到用户默认浏览器大小的80%。当存在嵌套的无序列表时会发生此问题。嵌套列表项将继承相对字体大小并再次应用它,使嵌套列表项的大小为72.25%(85%x 85%= 72.25%)。
使用另一条将所有嵌套列表项恢复为85%字体大小的规则很容易解决这个问题:
ul ul {font-size:100%; }
更多信息