Question

我在这个问题上绞尽脑汁，但我似乎无法找到解决办法。

从语义的角度来看，我想使用h2标题 - 但是从视觉效果来看，我希望它看起来像h5标题。

但是，css与此相关的表现很奇怪，似乎将标题文本视为格式化的普通文本。所以font-size:60%;的大小是普通文字的60％ - 这绝对是微不足道的！我已经尝试过搞乱其他方面（比如身高），但无济于事。一旦将css应用于字体，所有与标题相关的风格属性似乎都会消失......

Answer 1

例如，

使用px而不是百分比 h2{font-size:14px; height:50px;}

Answer 2

如果您要对CSS规则使用％定义使用html标记修复字体渲染。

接下来包括body标签，它定义文档的所有基本字体信息。

其余的应该按照要求工作。

/*css*/

html {font-size: 100.01%;}
body {font:italic bold 16px/30px Georgia, serif;}
h2 {font-size: 60%; line-height:60%;}

<!--HMTL-->
<!DOCTYPE html>
<html>
    <body>
        <div>blah</div>
        <h2>header</h2>
        <div>blah<br>blah</div>
    </body>
</html>

请参阅Example