【问题标题】:Thin white blank area added to right side of page on Android ChromeAndroid Chrome 页面右侧添加了薄薄的白色空白区域
【发布时间】:2016-01-17 07:14:11
【问题描述】:

页面:https://merkd.com/new.php

红框区域是问题区域。在我的桌面浏览器上,无论我缩小窗口大小,它都不允许我向右滚动并查看这个空白区域,这让我相信这是一个仅限移动设备的问题。

此外,在我的设备上,当您最初加载页面时,页面会缩放,因此您不会注意到它,除非您滚动或缩小。

我尝试使用 Chrome 远程调试,但无法让它显示空白属于哪个元素。

任何想法可能导致它?我意识到这可能是很多事情,但我想确保自己没有忽略一个常见问题或一个愚蠢的错误。

移动端视图:

【问题讨论】:

  • 实用提示:打开 Emulation(Dev Tools > Emulation)并选择手机布局,即可在 Chrome 内部调试。

标签: php html css mobile


【解决方案1】:

这里的问题是您的title-arealeft/right 上有边距,导致它溢出它所在的容器,从而推出边缘。

简而言之..

<div class="title-area" style="/* margin: 4em 1em -2.5em 1em; */">

需要成为

<div class="title-area" style="margin:4 em 0 -2.5em;">

【讨论】:

  • 解决此问题的最简单方法之一是检查 并开始删除 parent elements,直到问题消失。然后钻入子元素(刷新页面后),看看是哪个元素。
  • 谢谢,现在看起来很明显,但我至少会再花一个小时绞尽脑汁。我真的很感激额外的一双眼睛!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-03-19
  • 1970-01-01
  • 2015-06-27
  • 1970-01-01
相关资源
最近更新 更多