如何避免没有溢出的水平滚动-x：隐藏

Question

我遇到了与我的网站有关的问题：www.csselectronics.com 我在主页上设置了溢出背景。 因此，当在移动设备上查看网站时，我会遇到溢出情况 - 即可以水平滚动到右侧，这是我想避免的。

为了解决这个问题，我试过使用使用overflow-x的解决方案：hidden;功能在html和body中 - 但是当我这样做时，我遇到了一些与我的托管平台有关的其他问题。

是否有另一种方法来解决这个问题比使用overflow-x：hidden trick？

谢谢！

马丁

Answer 1

是的，你可以通过使用响应式设计，并确保没有元素溢出布局的100％解决这个问题。

Answer 2

相反四溢的背景下，我会尝试使用：

background-size: cover; 

或者

background-size: contain;