【发布时间】:2020-03-16 22:36:44
【问题描述】:
当我在移动设备上查看我的网站时,底部有一个水平滚动条,您可以将内容拖出屏幕。我尝试了overflow-x hidden,但它没有删除栏。
https://www.feastfromhome.com/
有什么建议吗?
谢谢
【问题讨论】:
当我在移动设备上查看我的网站时,底部有一个水平滚动条,您可以将内容拖出屏幕。我尝试了overflow-x hidden,但它没有删除栏。
https://www.feastfromhome.com/
有什么建议吗?
谢谢
【问题讨论】:
问题来自您的<header> 元素
更准确地说是它的伪 ::after 元素...
确实,要使徽标居中并提供合适的尺寸,宽度设置为 160%... 对吗?这就是你有这个滚动条的原因
将overflow:hidden 应用于父级,因此:
@media screen and (max-width: 1100px)
.bgimg-1 {
background-position: center top;
background-repeat: no-repeat;
top: 0;
background-size: 180%;
min-height: 51%;
overflow: hidden;
}
【讨论】: