Android Chrome上的页面右侧添加了薄白色空白区域

Question

Page：https://merkd.com/new.php

红色框区域是故障区域。在我的桌面浏览器上，无论我减小窗口的大小，它都不允许我向右滚动并查看这个空白区域，这让我相信它只是一个移动问题。

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

我尝试使用Chrome远程调试，但无法让它向我展示该空白所属的元素。

任何想法可能导致它？我意识到这可能是一件很重要的事情，但我想确保我不会忽视一个常见的问题或者是我最终的愚蠢错误。

移动视图：

Answer 1

这里的问题是，title-area left/right上的边距会导致它溢出其所在的容器，从而推出边缘。

所以简而言之..

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

需要成为

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