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

Question

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

我附上了截图，以便您可以看到我的意思，或者只是尝试打开http://sivantalmor.com并自己查看。

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

Answer 1

我不是百分之百确定导致这种情况的原因，但这似乎有效：

将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;。但是，你必须为包装相册照片的元素修复一些边距。

Answer 2

确切的问题出在audioplayer部分（＃soundcheck_audio_player_widget-2）。 里面是链接.jp-pause，它位于div左边的外面。 这会导致页面生成左侧的长滚动条。 你可以添加overflow：hidden;到这个类：.jp-controls-wrap

.jp-controls-wrap {
  overflow: hidden;
}

这就是诀窍！