css - iPad メディア クエリ

Question

いくつかの提案を試しました (device-width:768px) (min-device-width: 768px) および (max-device-width: 1024px)

しかし、CSS を iPad のターゲットにするために何かを動作させることができないようです。ただし、iPad第1世代でのみテストしています。第 1 世代用の個別のメディア クエリはありますか?

また、私が使用したことに言及することが重要かどうかはわかりません：

<meta name="viewport" content="width=device-width"/>

Answer 1

私は縦横比と幅を使用することを好みます。

iPhone < 5:

@media screen and (device-aspect-ratio: 2/3) {}

iPhone 5：

@media screen and (device-aspect-ratio: 40/71) {}

iPad:

@media screen and (device-aspect-ratio: 3/4) {}

Answer 2

船外に出たかもしれませんが、問題になるまで調整はしません。私が使用した：

@media(min-device-width: 650px) and (max-device-width: 1024px) {

そしてそれはうまくいった。