h1，h2，h3标签的大小与p标签不同

Question

更改电话上的字体大小设置后，我试图调整文本大小。这是当字体最小时看到的内容：

“>

这是当字体达到最大大小时看到的内容：

<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS85azRpay5wbmcifQ==” alt =“最大尺寸文本”>“>

看看h3标签和p标签之间的长宽比如何变化？ p标签比h3更大。我应该如何解决？

我的CSS代码是这样的：

h3{
   font: normal 1.7rem Khand, Monda, Ubuntu, sans-serif;
  }

p{
  font:normal 1rem Carrois Gothic, Ubuntu, sans-serif;
 }
更改电话上的字体大小设置后，我试图调整文本大小。这是当字体最小时看到的：这是字体最大时看到的：...

Answer 1

您可以以'vw'单位设置字体大小，即“视口宽度”。这样，文本大小将跟随浏览器窗口的大小，因此您的文本将在不同的窗口大小中响应：

这里是示例：

Answer 2

[请尝试避免使用em和rem，请尝试使用px，因为使用px可以更精确，并且在编写响应式布局时要容易得多