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

Question

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

图片1 ：

图二：

我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 :- 据我了解，您现在的问题是将其他部分设置为中心。按照这个如何在 css 中居中。如果仍然不能解决问题，请相应地编辑上面的小提琴并清楚地指定要求（比如使用 id）

编辑-3：- 请按照示例小提琴。 小提琴