モバイルボイラープレートをベースフレームワークとして使用してモバイルウェブサイトを開発しています。 自分のスタイルシートで@mediaqueriesを使って、デバイスがポートレートモードまたはランドスケープモードであるかどうかを検出します。オリエンテーションmedia-query(css)がiOS 4.2.1のiPodで動作しない
@media screen and (orientation: portrait) {
.topteaser .article-headline { font-size: 138.5%; }
}
@media screen and (orientation: landscape) {
.topteaser .article-headline { font-size: 123.1%; }
}
これはiPod touchの(モデルMC540FD、iOSの4.3.3、網膜ディスプレイ)上で正常に動作しますが、古いiPodタッチ(モデルMC086FD、iOSの4.2.1、無網膜ディスプレイ)上で、それはありません作業。ポートレートモードであっても、ランドスケープスタイルが適用されます。
(ところで、私は、クッキー、キャッシュおよび慢性を削除iPod-をrestartetが、問題はまだ表示されます)
私も両方のiPodとhttp://wapsbttest1.momac.net/sandbox/css3/media_queries.htmlをチェックし、古いものはそれも風景モードであることを私に伝えますそうでなければ...(愚かなiPod!)
iOS 4.2.1をしないでください。オリエンテーションメディアクエストはサポートされていませんか?私はgoogle'dし、それが少なくとも4.2以降supportetでなければならないことを知った。
iPhoneのみを検出し、デバイスの幅や比率では動作しない他のメディアクエリはありますか?
ご意見ありがとうございます。あなたが正しいと思われるので、オリエンテーションベースのメディアクエリを幅ベースのメディアクエリに変更する必要があります。 –