CSS Line Height / H1字体大小

Question

我不确定导致line-height在每个浏览器中显示不同的原因。

任何人都可以给我一个如何解决它的提示吗？

＆＃13;

＆＃13;

body {
  font-family: "Tahoma", sans-serif;
  font-size: 13px;
  margin: 0;
  padding: 0;
  line-height: 1.428571429;
  width: 100%;
  height: 100%;
} 

h1, h2, h3, h4, h5, h6, p {
   margin: 0;
   padding: 0;
}

h1 {
   font-size: 2em;
}

＆＃13;

<h1 style="text-align:center">
<span style="font-size:18px">This is a textbox</span>
</h1>

＆＃13;

＆＃13;

＆＃13;

Answer 1

这是因为您的h1元素正在使用浏览器默认的font-size本身，而您没有考虑到这一点。例如，在Chrome中，h1元素的默认font-size为2em - 大于18px元素上的span。如果默认情况下h1元素的font-size 小于而不是18px，则h1元素的总高度将为25px。

为避免这种情况，我们可以将h1元素的font-size设置为initial：

h1 {
    font-size: initial;
}