css - wordpress 标题和容器宽度不会保持在 100%

Question

我在http://nemx.me/avant/的网站加载正常，但是当我将浏览器的大小调整为大约 600 像素并向右滚动时，标题和容器背景不再拉伸。

我正在尝试添加width 100%并使用谷歌开发人员工具来尝试找到导致此问题的 css 标签，但 4 小时后我仍然卡住了，有什么建议吗？我看不出max-width会导致它。

Answer 1

你已经white-space: nowrap;开始了.main_weltxt。这导致了这个问题。

.main_weltxt {
    font-family: 'Playfair Display SC', serif!important;
    font-weight: 700;
    color: #6f9186;
    font-size: 18px!important;
    line-height: 1;
    white-space: nowrap;
}

white-space: nowrap;从上面的 CSS 中删除

Answer 2

您确实有一个最大宽度规则可以防止背景拉伸：

禁用该规则会将背景扩展到两个部分中的整个浏览器宽度。

Answer 3

这是因为您正在使用display: inline-block您的.nav-menu li元素。因此，您的导航会“溢出”您的网站并导致此问题。

尝试使用：

.nav-menu li {
  float: left;
  positon: relative;
}

另外，white-space: no-wrap从.main_weltxt