在Android Chrome的頁面右側添加了白色的空白區域

Question

網頁： 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;">