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

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;
}