如何避免无溢出X的水平滚动：隐藏

Question

I'm having an issue with my website: www.csselectronics.com I have set up an overflowing background on my main page. As a result I get an overflow situation when viewing the site on mobile - ie it is possible to horizontally scroll to the right, which I'd like to avoid.

To fix this I've tried using solutions that employ the overflow-x: hidden; feature in the html and body - but when doing so, I encounter some other issues with my hosted platform.

Is there another way to solve this than by using the overflow-x: hidden trick?

Thank you!

Martin

Answer 1

Instead of overflowing the background, I would try using:

background-size: cover;

Or

background-size: contain;

Answer 2

是的，您可以通过使用自适应设计并确保没有任何元素溢出布局的100％来解决此问题。