2

Webアプリにjquerymobileを使用している場合にのみ、ページの向きを横向きにするにはどうすればよいですか?

このページには、モバイル版のポートレートモードでは表示できない表形式のデータが含まれています...

私のレイアウトを見てください。http://jsfiddle.net/nY5ZF/1/

これは修正できますか?

4

3 に答える 3

2

これで、jquerymobile1.3.1にレスポンシブテーブルができました。これを使用できます...

http://jquerymobile.com/demos/1.3.0-beta.1/docs/tables/

ハイブリッドアプリ(phonegap)とは異なり、Webアプリで方向をロックすることはできません。一部のブラウザは、その点で私たちを助けてくれません。

次に、このデータをリスト形式で表示するか、モードを確認します。縦向きの場合は、「テーブルを表示するには横向きを使用してください」という簡単なメッセージを表示します。

于 2013-07-16T05:32:52.410 に答える
1

jQuery Mobileのプロパティを使用してorientation、falseに設定してみてください。

jQuery.mobile.orientationChangeEnabled = false;

これは必然的にウィンドウのサイズ変更イベントにフォールバックするはずです。min-widthサイズ変更はCSS3で処理できます

http://jsfiddle.net/nY5ZF/7/

于 2013-07-16T04:11:05.243 に答える
0

ブラウザの回転をロックすることはできませんが、できることは、ある方向に異なるスタイルシートを使用することと、ポートレートモードですべてを非表示にする別のスタイルシートを使用することです。

<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)">
于 2012-10-03T16:54:18.893 に答える