0

私はこのページを開発しました:

http://bluebeam.com/us/support/ipad/

メディア クエリはすべてのブラウザーで正常に動作していますが、iPad でテストすると何もしません...通常の CSS に戻るだけです。結果なしで iPad の閲覧データを消去しました。iPhoneで動作しているのがわかります。

誰でも私のコードの問題を見つけることができますか?

編集: 最初のクエリ (水平レイアウト) が機能しています。しかし、iPadをひっくり返すと(垂直レイアウト)、2番目はトリガーされません。

4

1 に答える 1

0

私の記憶が正しければ、iPadは向きが変わると幅/高さの値を交換します。私はこれを試してみます:

/* portrait*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)

/* landscape */
@media only screen 
and (min-device-width : 1024px) 
and (max-device-width : 768px) 

同様の問題に直面してから1年が経ちましたので、少し遅れる可能性があります。

于 2012-09-11T17:04:05.327 に答える