Question

我的代码遇到一个非常奇怪的问题，我确实在做错事，但是我不知道是什么。

这是我的问题：

如果我将TAG P放到字体大小为9px的正常主体上，它将得到正确处理。但是，如果我将TAG P放置在输入元素附近（如具有相同字体大小的复选框），则大小将非常小，如3-4px。我也遇到了TAG H1的问题。

这是代码（在控制台上的stackoverflow上效果很好，但在我的网站上效果不佳）：

#container-h1 > h1{
	
	font: 24px "Open-Sans", sans-serif;
	font-weight: 800;
	color: #212121;
}
.container-header > p{
	margin: 50px 10%;
	font: 9px "Open-Sans", sans-serif;
	font-weight: 400;
	color: #212121;
}
footer > p{
	font: 9px 'Open-Sans',sans-serif;
	font-weight: 300;
	color: #212121;
}
#gdpr{
	color: #212121;
	font: 9px 'Open-Sans',sans-serif;
	font-weight: 300;
}

<html>
<head>
</head>
<body>
<div class="container-header">
				
				<div id="container-h1">
					<h1>LOREM IPSUM LOREM IPSUM</h1>
				</div>
				
				<p>
				LOREM IPSUM LOREM IPSUM LOREM IPSUM LOREM IPSUM LOREM IPSUM LOREM IPSUM LOREM IPSUM LOREM IPSUM LOREM IPSUM LOREM IPSUM LOREM IPSUM LOREM IPSUM LOREM IPSUM
				</p>
</div>    
        <footer>
				
          <p>Stay up to date with the latest news! We won’t send you any spam</p>

					<input type="checkbox"><p id="gdpr">By clicking on "subscribe" you agree to receive the weekly newsletter of our site <a href="#">Read the full information</a>
						You can unsubscribe at any time thanks to the link in each newsletter that we will send you</p>
          </footer>
</body>
</html>

我已经尝试做一个检查元素，但是没有成功。问题出在.container-header中，因为如果我将H1移出它，它会正确显示。但是我在.container-header的CSS中没有任何内容。

Answer 1

好吧，我在stackoverflow中运行了该代码段，大小相似。我已经使用“ text-tranform：大写”将文本大写了

尝试打开浏览器开发工具，并检查是否存在其他全局CSS，例如：

ObservableValue

字体大小有问题，两个都有9px，但一个大于另一个

1 个答案: