Html 如何约束div中的文本和元素

我正在创建一个只使用CSS和HTML的网页

在我放大之前，一切看起来都很好。一旦我放大，字母开始从div中流出

---

如何解决此问题？

您的问题与响应性网站设计有关。默认情况下，人们为自己的屏幕创建网站。但并不是每个人都有和你一样的屏幕分辨率或视口等

解决方案：

媒体查询：

使用媒体查询，当用户具有不同的分辨率/视口或正在调整屏幕大小时，您可以更改css代码

@media (max-width: 979px) {
    .h2 {
        font-size: 10px;
    }
}

当用户的屏幕宽度小于979px时，这会将h2标记的字体更改为10px。我将为您提供一个指向w3Schools页面的链接，以便您可以查看@media规则具有何种属性

提示： 您可以通过打开chrome开发者工具并调整浏览器大小来查看您的分辨率。（左上角）

---

如果您将来有任何问题，请告诉我，我将进一步解释有关媒体查询的内容。

您的问题与响应性网站设计有关。默认情况下，人们为自己的屏幕创建网站。但并不是每个人都有和你一样的屏幕分辨率或视口等

解决方案：

媒体查询：

使用媒体查询，当用户具有不同的分辨率/视口或正在调整屏幕大小时，您可以更改css代码

@media (max-width: 979px) {
    .h2 {
        font-size: 10px;
    }
}

当用户的屏幕宽度小于979px时，这会将h2标记的字体更改为10px。我将为您提供一个指向w3Schools页面的链接，以便您可以查看@media规则具有何种属性

提示： 您可以通过打开chrome开发者工具并调整浏览器大小来查看您的分辨率。（左上角）

---

如果您将来有任何问题，请告诉我，我将进一步解释媒体查询。

您好，谢谢您的回复。但我还是不明白。这是到的链接。你能看到哪里出了问题吗？就是你的.content div的这个高度。你应该将你的div的高度始终更改为100%，或者当屏幕小于一定数量的像素时，你应该编写一个媒体查询来更改字体的大小。我将content div的高度设置为100%，但它不起作用。您好，谢谢您的回复。但我还是不明白。这是到的链接。你能看到哪里不对劲吗？就是这个.content div的高度。你应该将div的高度更改为100%，或者当屏幕小于一定数量的像素时，你应该编写一个媒体查询来更改字体的大小。我将content div的高度设置为100%，但它不起作用。