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