レスポンシブウェブサイトを作成しようとしています。iPadが横向きモードの場合、タグの高さを低くしたいのですhgroup
が、メディアクエリが無視されます。ポートレートモードの場合、メディアクエリは無視されなくなります。
これは私が書いたものです:
@media only screen and (min-device-width: 2048px) and (orientation:landscape) {
hgroup {
height:200px;
}
}
responsepx.comで自分のWebサイトをテストし、ブラウザーのサイズを2048pxに変更する場合、hgroup
高さは200pxと想定します。iPadはそうではありません。
私はすでに解決策を探していくつか試しましたが、どれもうまくいきませんでした。例えば:
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
}