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

Question

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

这是网站：www.latelierdegaia.ch

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

Answer 1

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

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

如果将其更改为 max-width: 300px;，那么即使在最小的 320px 宽屏幕上也能很好地显示。

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

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