CSS中的文本重叠

只是一个简单的问题-我在搜索时找不到这个，但如果是重复，我很抱歉

我的网站标题附有段落标签：

<div class = "title">
  <p>Welcome to homepage!</p>
</div>

<div class = "subtext"> 
  <p> Subtext goes here </p>
</div>

<div class = "formthing">
  <form method = "GET" action = "/form">
     <input type = "submit" name = "submitted" class = "btn-large" value = "Click button" />
  </form>
</div>

---

一切正常。但是，当我放大页面时，标题中的单词会相互重叠。有什么我可以添加到CSS中以防止这种情况发生吗？

我看不到您的代码中有任何重叠，但一个快速修复方法是可以通过CSS向类添加边距以防止重叠

例如：

您需要在CSS中使用em字体大小。如果你不知道这是什么，这是一篇非常好的文章：

本质上，em只是表示百分比的另一种方式，但是当使用pt、px和%值时，一些浏览器在缩放的更高级别和更低级别上会出现问题。使用em可以最好地缓解此问题

font-size: 16px;
font-size: 100%;
font-size: 1em;

大多数现代浏览器都会默认使用16px字体大小作为控制，并对其进行调整，使上述3种字体大小在Firefox和IE中彼此相等，或取或取一些小数。这并不是傻瓜式的，但在大多数情况下都能帮你度过难关。这是一种非常广泛使用且经过验证的方法，可以防止意外的文本和元素重叠

此外-可能想看看你正在使用的字体，是否有任何字距应用，也许利用字母间距：1px；并进行相应的调整

---

不要忘记使用CSS重置，如。

请添加更多信息。没有人能帮你什么忙。如果没有提供代码，你希望人们如何帮助你。罗维德小提琴

font-size: 16px;
font-size: 100%;
font-size: 1em;