尝试使用宽高比代替绝对像素，如下所述。

Try using aspect ratio instead of absolute pixels as outlined below.

https://***.com/a/12848217/4824030

另一个有用的媒体功能是设备纵横比。

Another useful media feature is device-aspect-ratio.

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

Note that the iPhone 5 does not have a 16:9 aspect ratio. It is in fact 40:71.

iPhone< 5：@media屏幕和（device-aspect-ratio：2/3）{}

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

iPhone 5：@media屏幕和（device-aspect-ratio：40 / 71）{}

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

iPhone 6：@media屏幕和（设备纵横比：667/375）{}

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

iPhone 6 Plus：@media屏幕和（device-aspect-ratio：16/9）{}

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

iPad：@media屏幕和（device-aspect -ratio：3/4）{}

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