0

如果我把这 6 行

<h1>This is h1</h1>
<h2>This is h2</h2>
<h3>This is h3</h3>
<h4>This is h4</h4>
<h5>This is h5</h5>
<h6>This is h6</h6>

在 HTML 文件中并用浏览器打开它，我正确地得到了这个

在此处输入图像描述

相反，对于这样的风格指南

/*
Gallery of font sizes

Markup:
<h1>This is h1</h1>
<h2>This is h2</h2>
<h3>This is h3</h3>
<h4>This is h4</h4>
<h5>This is h5</h5>
<h6>This is h6</h6>

Styleguide Text.fonts
*/

KSS 生成这个

在此处输入图像描述

这清楚地表明font-sizeof<h1>是错误的；我已经验证它等于<h3>'s font-size。

检查开发工具，我发现对于生成的文档，<h1>从用户代理样式表中获取了更多样式，下面用红色框起来，

在此处输入图像描述

很明显，正确的font-size: 2em;规则被我不认识的那些样式所覆盖。

那些来自哪里？我认为用户代理样式来自浏览器，但显然我<h1>只在 KSS 生成的文档中观察到奇怪的大小，而在普通页面中，浏览器显示正确的大小。

我怎样才能找到搞砸的实体是h1什么font-size？

4

0 回答 0