【问题标题】:Responsive Page - Overflow Issue响应页面 - 溢出问题
【发布时间】:2013-02-25 15:39:25
【问题描述】:

我正在尝试确定导致水平滚动条出现在this page 上的原因。它仅在我重新调整页面大小以继承以下媒体查询时出现...

@media (max-width: 979px) and (min-width: 768px)

奇怪的是,当我在 iPad 上从纵向切换到横向并返回时,或者我来回调整浏览器大小时,就会发生这种情况。当我在 iPad 或计算机上第一次以这种尺寸加载页面时,它没有水平滚动条。

使用消除过程,我能够确定它是底部联系表格中的东西,但我无法确定它是什么 DIV,以便我可以修复它。我什至打算使用 overflow-x: hidden,但是当我在 iPad 上来回切换方向时,这并不能解决问题。

这是一个小问题,我希望我遗漏了一些明显的东西。

非常感谢任何帮助!

【问题讨论】:

  • 如果我们能看到您的代码,我们可以提供更好的帮助。您在我们可以看到的地方有页面吗?
  • 嗨,克里斯!谢谢你。我已经链接到最后第一句中的页面。
  • 它发生在我的浏览器 (Firefox/Ubuntu) 上,因为横幅没有成功下降到下一行,导致窗口的页面宽度变大。
  • 你好!你是说滑块吗?如果是这样,我现在就去看看。奇怪的是我已经删除了它,但它仍然在那个页面上发生。
  • 我让滑块从 768 - 782 移动到页面右侧,然后放到下面,滚动条消失了

标签: css responsive-design overflow media-queries


【解决方案1】:

我刚刚检查了您的页面。只需检查您是否从其父元素中为任何子元素提供了更多宽度( summing: box-width+border_margin )值。如果您确定我所说的内容,请使用溢出:隐藏。希望你能明白。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-08-16
    • 2022-01-22
    • 1970-01-01
    • 2014-03-22
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多