Webアプリにjquerymobileを使用している場合にのみ、ページの向きを横向きにするにはどうすればよいですか?
このページには、モバイル版のポートレートモードでは表示できない表形式のデータが含まれています...
私のレイアウトを見てください。http://jsfiddle.net/nY5ZF/1/
これは修正できますか?
Webアプリにjquerymobileを使用している場合にのみ、ページの向きを横向きにするにはどうすればよいですか?
このページには、モバイル版のポートレートモードでは表示できない表形式のデータが含まれています...
私のレイアウトを見てください。http://jsfiddle.net/nY5ZF/1/
これは修正できますか?
これで、jquerymobile1.3.1にレスポンシブテーブルができました。これを使用できます...
http://jquerymobile.com/demos/1.3.0-beta.1/docs/tables/
ハイブリッドアプリ(phonegap)とは異なり、Webアプリで方向をロックすることはできません。一部のブラウザは、その点で私たちを助けてくれません。
次に、このデータをリスト形式で表示するか、モードを確認します。縦向きの場合は、「テーブルを表示するには横向きを使用してください」という簡単なメッセージを表示します。
jQuery Mobileのプロパティを使用してorientation
、falseに設定してみてください。
jQuery.mobile.orientationChangeEnabled = false;
これは必然的にウィンドウのサイズ変更イベントにフォールバックするはずです。min-width
サイズ変更はCSS3で処理できます
ブラウザの回転をロックすることはできませんが、できることは、ある方向に異なるスタイルシートを使用することと、ポートレートモードですべてを非表示にする別のスタイルシートを使用することです。
<link rel="stylesheet" type="text/css" href="css/style_l.css" media="screen and (orientation: landscape)">
<link rel="stylesheet" type="text/css" href="css/style_p.css" media="screen and (orientation: portrait)">