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

Question

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

这里是网站：www.latelierdegaia.ch

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

Answer 1

您在 350 像素处获得水平滚动条的原因是因为这条规则：

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

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

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

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