html - 缩小时如何使标题占满整个宽度？

Question

当我缩小时，标题不会占据页面的整个宽度。我有两张图片，第一张是缩小时的样子，第二张是它没有占据整个宽度的地方。

图一:

图2:

我试过在页眉中使用 width:100%，但它不起作用。

    * {
    padding: 0;
    margin: 0;
    box-sizing: border-box;}

    html {
    width: 100%;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    background-color: #000;
    font-family: 'Lato', sans-serif;
    font-size: 62.5%;
    line-height: 1.2;
    color: #fff;}

    header {
    background-color: var(--background-color);
    width:100%;}

Answer 1

编辑 1:- 将 margin-left 更改为 0px，将 margin-right 更改为 0px。使最大宽度:100%；。

html {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    background-color: #000;
    font-family: 'Lato', sans-serif;
    font-size: 62.5%;
    line-height: 1.2;
    color: #fff;
}

编辑 -2 :-据我了解，您现在的问题是将其他部分设置为中心。按照这个how to center things in css .如果仍然不能解决问题，请相应地编辑上面的 fiddle 并明确指定要求(比如使用 id)

编辑-3:-请按照示例 fiddle 。 fiddle