我的网站主体是全宽的,在大屏幕上看起来很棒,但是当它下降到350像素宽时,会出现一个奇怪的右边距,创建水平滚动。我尝试了通常的建议:将主体的边距和填充设置为0,以及“max-width:100%”,但没有成功。
以下是网站:www.latelierdegaia.ch
有人可以帮忙吗?非常感谢你!
答案 0 :(得分:1)
你得到350px的水平滚动条的原因是因为这条规则:
.custom-logo-link img {
max-width: 350px;
}

如果您将其更改为max-width: 300px;
,那么即使在最小的320px宽屏幕上,它也会看起来很好。
根据您添加自定义css覆盖的位置,您可能需要像这样设置!important
标志:
.custom-logo-link img {
max-width: 300px !important;
}