iPad媒体查询

【问题标题】：iPad Media queryiPad媒体查询
【发布时间】：2013-01-22 08:45:24
【问题描述】：

我尝试了一些建议（设备宽度：768px） (min-device-width: 768px) 和 (max-device-width: 1024px)

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

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

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

【问题讨论】：

【解决方案1】：

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

iPhone

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

【讨论】：

【解决方案2】：

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

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

它成功了。

【讨论】：