【问题标题】:Page extends beyond the viewport on mobile devices页面超出移动设备的视口
【发布时间】:2015-12-11 18:29:52
【问题描述】:

我花了 2 天时间弄清楚为什么这个 page - 在移动设备上查看时会超出视口。

似乎至少有一个宽度为 830 像素的元素 - 但我找不到是哪一个。

如果有人发现问题出在哪里,我也有兴趣了解如何调查此类问题。因为我检查了检查器,但我找不到任何相关的东西——它可能是某处的 1px 元素高度......

【问题讨论】:

  • 你能分享我们检查代码的链接吗?
  • 你可以给页面标签一个溢出:隐藏
  • @UnmeshD - 已提供链接。又来了 - camerabebelusului.ro

标签: html css responsive-design viewport


【解决方案1】:

编辑 --

我找到了问题,您在这个课程上有一个width: 800px;:#socialnetworks .socialnetworks_menu。

要查找此类问题,只需尝试删除开发工具中的元素,直到找到问题区域,然后努力缩小范围。

旧解决方案: 将overflow: hidden 添加到.footer_bottom 已经为我解决了这个问题,尽管我看不出是什么将内容推出得如此广泛。

【讨论】:

  • 谢谢你,山姆——你让我免于头疼!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2017-09-02
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-04-13
  • 2015-05-22
  • 1970-01-01
相关资源
最近更新 更多