JavaScript - 携帯電話で Web ページを直接横向きに表示するにはどうすればよいですか?
PHPz
PHPz 2017-05-19 10:21:44
0
2
887

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

PHPz
PHPz

学习是最好的投资!

全員に返信(2)
伊谢尔伦

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

リーリー

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

リーリー

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

リーリー

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

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

いいねを押す +0
PHPzhong

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

ポートレート:

リーリー

風景:

リーリー

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

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート