iPad的媒体查询

Question

我已经尝试了一些建议 （设备宽度：768px） （分设备宽度：768px）和（最大设备宽度：1,024）

，但我不能似乎得到任何东西工作，使CSS目标iPad。虽然我只在第一代iPad上进行测试。第一代是否有单独的媒体查询？

而且，我不知道，如果它一提的是我使用的是非常重要的：

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

Answer 1

可能已经过火，但直到它成为一个问题我不会进行调整。 我用过：

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

它工作。

Answer 2

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

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) {}