如何避免没有溢出的水平滚动-x:隐藏
问题描述:
我遇到了与我的网站有关的问题:www.csselectronics.com 我在主页上设置了溢出背景。 因此,当在移动设备上查看网站时,我会遇到溢出情况 - 即可以水平滚动到右侧,这是我想避免的。如何避免没有溢出的水平滚动-x:隐藏
为了解决这个问题,我试过使用使用overflow-x的解决方案:hidden;功能在html和body中 - 但是当我这样做时,我遇到了一些与我的托管平台有关的其他问题。
是否有另一种方法来解决这个问题比使用overflow-x:hidden trick?
谢谢!
马丁
答
是的,你可以通过使用响应式设计,并确保没有元素溢出布局的100%解决这个问题。
答
相反四溢的背景下,我会尝试使用:
background-size: cover;
或者
background-size: contain;
能否请您提供的代码,您可以设置'溢出x'?没有看到代码,我最好的猜测就是在媒体查询中设置body元素的最大宽度。 – user2367593
'.slideshow-container3'是个问题,如果你给这个类设置了'overflow-x:hidden;'然后它会修正它,但是它破坏了幻灯片容器的设计。 – Win