iPad Media查询

Question

我已经尝试了一些建议 （装置宽度：768px） （min-device-width：768px）和（max-device-width：1024px）

但我似乎没有任何工作可以使CSS成为目标iPad。我只是在iPad第一代测试。第一代是否有单独的媒体查询？

另外，我不确定提到我使用过程是否重要：

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

Answer 1

我更喜欢使用宽高比和宽度：

iPhone＆lt; 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) {

并且有效。