Html 如何使两个字堆叠在一起,减少屏幕尺寸

Html 如何使两个字堆叠在一起,减少屏幕尺寸,html,css,Html,Css,我有一个100%屏幕宽度的div,有两个单词作为标题。当我缩小屏幕时,文字不会堆积起来,从而使其响应。我遗漏了什么 h1.name{ 字体大小:92px; 填充顶部:60px; 填充底部:60px; 文本对齐:居中; 文本转换:大写; 字母间距:.15em; } #标题{ 显示:网格; 网格模板列:1fr; 网格自动行:最小最大值(100px,自动); 宽度:100%; 溢出:隐藏; } 彼得·西尔维尼 html的默认行为是将两个单词堆叠在一起,因此不需要添加额外的css属性进行堆叠 下面的

我有一个100%屏幕宽度的div,有两个单词作为标题。当我缩小屏幕时,文字不会堆积起来,从而使其响应。我遗漏了什么

h1.name{
字体大小:92px;
填充顶部:60px;
填充底部:60px;
文本对齐:居中;
文本转换:大写;
字母间距:.15em;
}
#标题{
显示:网格;
网格模板列:1fr;
网格自动行:最小最大值(100px,自动);
宽度:100%;
溢出:隐藏;
}

彼得·西尔维尼

html的默认行为是将两个单词堆叠在一起,因此不需要添加额外的css属性进行堆叠

下面的代码适用于我,请查看代码的其他部分:

<head>
<title>Page Title</title>
<style>
    h1.name {
        font-size: 92px;
        padding-top: 60px;
        padding-bottom: 60px;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: .15em;
    }
</style>
</head>
<body>
    <section id="heading">
        <h1 class="name">Peter Silveri</h1>
    </section>
</body>

页面标题
h1.name{
字体大小:92px;
填充顶部:60px;
填充底部:60px;
文本对齐:居中;
文本转换:大写;
字母间距:.15em;
}
彼得·西尔维尼

您的代码没有显示您看到的问题。你省略了一些额外的CSS吗?这应该是一个评论。谢谢我把它整理好了,有时候它是你留下的而不是遗漏的