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;
 }

编辑:我已经在我的h3中添加了“text-size- added : 130%;”，它可以工作，但不是一个好看的解决方案……

Answer 1

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

因为这个大小的差异来自于字体系列。不是所有的字体外观都是一样的。使用你的浏览器开发工具来检查你的标签。你可以在样式面板上检查你的标签的样式是否真的是属性的。