具有最大宽度而不会导致出现垂直滚动条

Question

我的CSS

有header条规则

margin: 0 auto;
max-width: 1250px;

拥有这些（与没有它们相比）会导致在浏览器窗口为< 1250px时显示垂直滚动条。

我需要CSS让大屏幕用户看到header att 1250px宽度，其他宽度较小的用户会看到各自浏览器窗口大小的响应式标头 - 没有垂直滚动条出现？

Answer 1

这样的事情应该有效：

#header {
    width: 100%;
}

@media screen and (max-width: 1250px) {
    #header {
        width: 1250px;
    }
}