html - 字体大小根据移动设备上页面上的文本量而变化

Question

我的网站在不同页面上的字体大小不一致。经过大量试验，我发现只要网站上有足够的文字，字体(标题下方的“关于，诗歌等”链接)都是正确的，但是当文字量发生变化时，字体就会出错。这太疯狂了。但这是证明:

在 HTML 和 CSS 中，我总是用 em 而不是 pt 来指代字体。当我删除文本时，没有标签被删除:

不起作用:

        <div id="page_content" >
          <h1 class="section-titles"><strong>About</strong><br>
          </h1>
          <p id="reveal-on-small-display"></p>
          Lorem ip         
<p>&nbsp;</p>
<br/>
          <p>&nbsp;</p>
        </div>
        <!-- End of Page Content --> 

作品:

        <div id="page_content" >
          <h1 class="section-titles"><strong>About</strong><br>
          </h1>
          <p id="reveal-on-small-display"></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 Lorem ipsum Lorem ipsum         
<p>&nbsp;</p>
<br/>
          <p>&nbsp;</p>
        </div>
        <!-- End of Page Content --> 

如果有帮助，我可以附上完整的 CSS 和 HTML，但如果我需要的话，我可以附上完整的 CSS 和 HTML

Answer 1

几个小时后，我发现它与手机调整页面元素大小有关。

解决方法:

<meta name="viewport" content="width=device-width, initial-scale=1.0" />