Css iPad媒体查询

我试过一些建议 （设备宽度：768px） （最小设备宽度：768px）和（最大设备宽度：1024px）

但我似乎无法让CSS成为iPad的目标。不过，我只是在iPad第1代上进行测试。第一代是否有单独的媒体查询

此外，我不确定是否有必要提及我使用：

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

---

我更喜欢使用纵横比和宽度：

iPhone<5:

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

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

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

iphone5:

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

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

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

iPad:

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

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

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

---

我更喜欢使用纵横比和宽度：

iPhone<5:

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

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

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

iphone5:

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

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

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

iPad:

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

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

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

---

可能已经过火了，但在它成为问题之前，我不会调整它。 我用过：

---

它起作用了。

可能已经过火了，但在它成为问题之前，我不会调整它。 我用过：

---

它成功了。

我的更新有什么不同吗？长宽比不起作用我的更新有什么不同吗？纵横比不起作用