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

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，但基本上如果我需要

Answer 1

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

解决：

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;