h1、h2、h3 标签调整大小不同于 p 标签

Question

我在更改手机上的字体大小设置后尝试调整文本大小。 这是我在字体最小时看到的：

这是我在字体达到最大尺寸时看到的：

看看h3标签和p标签的纵横比是怎么变化的？ p 标签比 h3 大得多。我该如何解决这个问题？

我的 CSS 代码是这样的：

h3{
   font: normal 26px Khand, Monda, Ubuntu, sans-serif;
  }

p{
  font:normal 18px Carrois Gothic, Ubuntu, sans-serif;
 }

编辑：我添加了“文本大小调整：130%；”到我的 h3 并且它可以工作，但不是一个好看的解决方案......

Answer 1

您至少可以尝试添加 !important 代码：font:18px 'Carrois Gothic', 'Ubuntu', 'sans-serif' !important;，但这不是解决方案。

因为这个大小的差异来自字体系列。所有字体外观都不相同。使用您的浏览器开发工具检查您的标签以进行检查。您将能够在样式面板中检查您的标签样式是否真正归因。