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

Question

我的网站出现问题：www.csselectronics.com 我在我的主页上设置了一个溢出的背景。 结果，我在移动设备上查看网站时遇到溢出情况 - 即可以水平滚动到右侧，我想避免这种情况。

为了解决这个问题，我尝试使用采用 overflow-x: hidden; 的解决方案。 html 和正文中的功能 - 但这样做时，我的托管平台遇到了一些其他问题。

除了使用 overflow-x: hidden 技巧，还有其他方法可以解决这个问题吗？

谢谢！

马丁

Answer 1

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

Answer 2

而不是溢出背景，我会尝试使用：

background-size: cover;

或

background-size: contain;