html - 在移动设备上查看网站需要水平滚动

Question

我有一个基于 Wordpress 的网站，出于某种奇怪的原因，当我通过我的 iPhone 或任何其他移动设备打开它时，我只能看到该网站的背景，只有当我向右滚动很多时，我才能看到完整的网站.

我附上了一张截图，这样你们都能明白我的意思，或者试试打开 http://sivantalmor.com自己看看。

我可以使用 CSS 来解决这个问题吗？

Answer 1

我不是 100% 确定是什么原因造成的，但这似乎有效:

将 overflow-x: hidden; 属性添加到您的 div#main

像这样:

<div id="main" role="main" style="overflow-x: hidden;">
</div>

编辑:

问题出在这里:

<div class="audio-player" style="direction: ltr;"></div>

您可以删除 direction: ltr; 那就是造成这一切的原因。但随后您必须为环绕相册照片的元素修复一些边距。