css - 响应式页面 - 溢出问题

标签 css responsive-design overflow media-queries

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

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

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

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

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

非常感谢任何帮助!

最佳答案

我刚刚查看了您的页面。只需检查您是否从其父元素中为任何子元素提供了更多宽度(求和:box-width+border_margin)值。并使用 overflow: hidden 如果你确定我说的是什么。希望你能明白。

关于css - 响应式页面 - 溢出问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15028898/

相关文章:

css - Safari 选择选项中的两个点而不是复选标记

javascript - Angularjs根据父元素宽度调整宽度

html - 在移动 View 中重新排列列顺序

html - CSS 替换最小宽度为 1px 的媒体查询

html - 隐藏列表项的溢出

css - 强制元素使用固定宽度元素之间 100% 的可用空间?

Javascript 文件 "FASW transitions"复制了我的标题信息。怎么修

javascript - Meteor: react 性更改之间集合项目的 UI 缓动

html - 溢出滚动已 overflow hidden

html - 如何将 "overflow:hidden"用于 "position:fixed"内的图像?