Question

我想让我的网站做出回应。我已经修复了div和Paragraph标签。

我尝试过像破字和空格这样的东西，但没有用。

如果屏幕较小，

Paragraph标签会自动进入下一行。但我不能让H1做到这一点。

我将在下面添加我的html代码并添加屏幕截图和css代码的链接。

手机尺寸：https://gyazo.com/dd12083cba1261160d945cc64cb57ad7
Jfiddle（Html Css）：https://jsfiddle.net/ofdtedtx/

        <div class="content">
          <div class="article">
            <h1>Introductie</h1>
            <p>Informatie over de site en toegepaste kennis:</p><br>
            <div class="infobox">
                <h1>Html 5</h1>
                    <ul>
                        <li>Standaard Toepassingen</li>
                        <li>Forms</li>
                        <li>Input Types</li>
                        <li>Divs</li>
                    </ul>
            </div>
          </div>

Answer 1

在.article h1，给它一个line-height:1，应该可以。

.article h1 {
    color: #4e4e4e;
    font-family: Sans-serif;
    font-size: 4rem;
    line-height: 1;
}

Answer 2

应增加行高并在CSS中放置自动换行

.article h1 {
    color: #4e4e4e;
    font-family: sans-serif;
    font-size: 4rem;
    line-height: 1;
    word-wrap: break-word;
}

DEMO

如果屏幕很小，我如何打破H1标题

2 个答案: