css - iPad媒体查询

Question

我尝试了一些建议 (device-width:768px) (min-device-width: 768px) 和 (max-device-width: 1024px)

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

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

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

平板电脑：

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

Answer 2

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

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

它奏效了。