css - 移动网站上不需要的右边距，导致水平滚动

Question

我的网站正文是全宽的，在大屏幕上看起来很棒，但当它缩小到 350 像素宽时，出现了一个奇怪的右边距，形成了水平滚动。我尝试了通常的建议:将正文的边距和填充设置为 0，以及“最大宽度:100%”，但没有成功。

这是网站:www.latelierdegaia.ch

有人可以帮忙吗？非常感谢!!

Answer 1

你在 350px 处获得水平滚动条的原因是因为这个规则:

.custom-logo-link img {
    max-width: 350px;
}

如果您将其更改为 max-width: 300px; 那么即使在最小的 320px 宽屏幕上它也会看起来不错。

并且根据您添加自定义 css 覆盖的位置，您可能需要像这样设置 !important 标志:

.custom-logo-link img {
    max-width: 300px !important;
}