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;これをすべて引き起こしているものを取り除くことができます。ただし、アルバムの写真をラップする要素の余白を修正する必要があります。

Answer 2

正確な問題は、オーディオ プレーヤー部分 (#soundcheck_audio_player_widget-2) にあります。中には .jp-pause というリンクがあり、左側の div の外側に広く配置されています。これにより、ページは左側に長いスクロールバーを生成します。overflow: hidden; を追加できます。このクラスに: .jp-controls-wrap

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

それはトリックを行います！