我的网站在不同页面上的字体大小不一致。经过大量试验，我发现只要网站上有足够的文字，字体(标题下方的“关于，诗歌等”链接)都是正确的，但是当文字量发生变化时，字体就会出错。这太疯狂了。但这是证明:
在 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> </p>
<br/>
<p> </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> </p>
<br/>
<p> </p>
</div>
<!-- End of Page Content --> 如果有帮助，我可以附上完整的 CSS 和 HTML，但如果我需要的话，我可以附上完整的 CSS 和 HTML
最佳答案
几个小时后，我发现它与手机调整页面元素大小有关。
解决方法:
<meta name="viewport" content="width=device-width, initial-scale=1.0" />关于html - 字体大小根据移动设备上页面上的文本量而变化，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39060585/