JavaScript - 携帯電話で Web ページを直接横向きに表示するにはどうすればよいですか?

Question

このWebページは携帯電話の横画面用に作られておりますので、縦に表示するとページが崩れてしまいます。

Answer 1

判断してユーザーにローテーションを促すことができます

リーリー

またはローテーション イベントをリッスンします

リーリー

CSSメディアクエリも判定可能

リーリー

しかし、まだ解決策はあります:
ページを開くときに、window.orientation を使用して Web ページが水平か垂直かを判断できます。垂直の場合は、ページ全体にスタイルを追加します。 リーリー

このようにして、ページに横画面効果が表示されます。

Answer 2

フロントエンドは携帯電話の水平および垂直画面を制御できませんが、CSS条件によって判断できます:

ポートレート:

リーリー

風景:

リーリー

たとえば、画面が縦型の場合、「横方向に閲覧してください」というプロンプトテキストが表示されます。
横画面以降の表示・非表示はcss操作で行います。