CSS - 停止可调整大小的元素超出窗口大小

Question

我刚注意到，如果页面上的元素可以调整大小（例如textarea）

调整大小时：

• 它允许您调整大小与浏览器窗口一样大（包括滚动条）
• 最终将可调整的corerner放在滚动后面
• 意味着你不能再缩小它了

请注意： windows是HTML元素（里面还有一些HTML内容）。它的宽度值动态变化。

请看屏幕：

调整大小前的屏幕

调整大小后的屏幕：

是否有任何CSS修复？

Answer 1

不是专门为了防止它大于窗口，但你可以在CSS中设置max-width以防止它扩展到超出合理的大小。

Answer 2

CSS中有max-width和max-height个属性。您可能会尝试设置类似90%的值，我猜 - 将文本区域的大小限制为容器的90％。

如果这不是您想要的，您可以尝试为其指定绝对值，例如：宽度为800px。

Answer 3