iPhone 5 CSS媒体查询

另一个有用的媒体功能是

device-aspect-ratio

请注意， iPhone 5没有16：9的宽高比 。实际上是40:71。

iPhone <5：

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

iphone 5：

@media screen and (device-aspect-ratio: 40/71) {}

iPhone 6：

@media screen and (device-aspect-ratio: 375/667) {}

iPhone 6 Plus：

@media screen and (device-aspect-ratio: 16/9) {}

iPad：

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