【问题标题】:How to avoid horizontal scroll without overflow-x: hidden如何避免没有溢出的水平滚动-x:隐藏
【发布时间】:2017-02-11 21:13:57
【问题描述】:

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

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

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

谢谢!

马丁

【问题讨论】:

  • 能否提供您设置overflow-x的代码?在没有看到代码的情况下,我最好的猜测是在媒体查询中设置 body 元素的最大宽度。
  • .slideshow-container3 是问题所在,如果您将 overflow-x: hidden; 设置为此类,那么它会修复它,但它会破坏幻灯片容器的设计。

标签: css scroll overflow


【解决方案1】:

我不会溢出背景,而是尝试使用:

background-size: cover;

或者

background-size: contain;

【讨论】:

    【解决方案2】:

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

    【讨论】:

      猜你喜欢
      • 2014-05-10
      • 2013-01-15
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-06-30
      • 2011-06-03
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多