5

サイトを表示するために使用されているデバイスが縦/縦または横/横モード/向きであるかどうかに基づいて、作成するフォト ギャラリー Web サイトでユーザーに表示されるものを条件付きで変更したいと考えています。これは可能ですか？

4

2 に答える 2

6

orientationchange次のようなイベント ハンドラを試してください。

$(window).bind("orientationchange", function(evt){
    alert(evt.orientation);
});

イベントの検出と起動に関するjQuery Mobile エントリを次に示しorientationchangeます。

于 2013-04-12T21:01:33.980 に答える
1

レイアウトを変更するだけの場合は、代わりにCSS メディア クエリを検討してください。

Chrome 7 と Firefox 3.6 では、聞くことができるdeviceorientationイベントがあります。

あなたのコメントに応えて、タブレットと電話を検出する簡単な方法は、画面の解像度とサイズを検出することです。一般に、タブレットは携帯電話よりもディスプレイの解像度が高くなります。メディア クエリは、これらの要因を特定できます。

タブレット端末のオプションについて

  • デバイスが電話の場合、デバイスの向きに基づいてメディア クエリを使用して CSS を切り替えることができます。

  • デバイスがタブレットの場合、ボディ ID/クラスの切り替えを使用するか、スタイルシートを交換することにより、JS を使用して CSS を切り替えることができます。

于 2013-04-12T21:00:21.773 に答える