Html 在小屏幕上可以看到子溢出

部分{高度：100vh；背景：#00f}
h1{字体大小：150px；文本转换：大写；背景：#f00}

我是创意网页设计师

也许你可以将

位置：绝对

添加到你的部分中，对于每个元素，你可以添加

位置：相对

部分{
位置：绝对位置；
/*高度：100vh*/
背景：#00f；
高度：自动；/*这将根据内部元素改变高度*/
}
h1{
位置：相对；
字体大小：150px；
文本转换：大写；
背景：#f0
}

我是创意网页设计师

部分{高度：100vh；背景：#00f}
h1{字体大小：150px；文本转换：大写；背景：#f00；分词：全部分词；}

i am creative web designer

您期望的行为是什么？我期望父元素包含所有子元素。您的字体太大，父元素无法容纳。当我尝试将其大小调整为较小大小时，您可以检查此模板吗？同样的问题会出现，但字体大小无法解决问题使其变小并滚动到对，你会发现一个空白，这是我的问题

word-break: break-all;