0

わかりましたので、3 つの個別の CSS ファイルが必要です。デスクトップおよび大型のラップトップ用の 1 つ。横向きの iPad 用。もう 1 つは縦向きの iPad 用です。

現在の CSS:

<link rel="stylesheet" media="all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape)" href="css/ipad-landscape.css" />
<link rel="stylesheet" media="all and (min-width: 1025px)" type="text/css" href="css/style.css" />

何らかの理由で、Screenfly: http://quirktools.com/screenfly/をチェックすると、style.css のみが読み込まれます。画面の解像度をネットブックまたは iPad に下げると、style.css は使用されなくなりますが、ipad-landscape.css (画面が横向きの場合) はその場所に読み込まれません。現在、ipad-landscape.css と style.css の内容は同じであるため、どちらかが機能しないということはありません。画面サイズを区別するために複数の CSS ファイルを使用することはできますか? もしそうなら、どうすれば問題を解決できますか?

4

1 に答える 1

0

まず、css ファイルを 1 つだけ用意し、メディア クエリを使用する必要があります。

2 つ目orientation:landscapeは、デバイスがブラウザーに送信する情報です。screenfly は単にスタイルを表示するための iframe であると確信しています。幅/高さなどは機能しますが、向きのチェックは機能しません。

Xcode の iOS シミュレーター (Mac OS X を使用している場合) でテストするか、実際のデバイスでテストしてみてください。動作するはずです。

于 2013-10-25T21:52:51.193 に答える