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

时间:2018-01-21 10:33:16

标签: css mobile width margin padding

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

以下是网站:www.latelierdegaia.ch

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

1 个答案:

答案 0 :(得分:1)

你得到350px的水平滚动条的原因是因为这条规则:



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




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

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



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