iOS特定媒体查询

Question

有没有人知道如何使用媒体查询定位iOS设备？我正在寻找一种方式给iPhone（1,3G，3GS，4,4S，5）用户一次体验，一个iPad（1,2,3，迷你）用户另一个，以及其他所有人（桌面，安卓， windows phone，bb）默认体验。

我觉得我的选择有限，因为很多手机都有相似的宽度和参数。有没有人知道在iPhone专用于iPad的媒体查询中使用的任何内容？

到目前为止，我已使用以下代码锁定了iPhone 5：

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

和iPhone 4和4S：

@media
only screen and (-webkit-min-device-pixel-ratio : 2) and (orientation:portrait),
only screen and (min-device-pixel-ratio : 2)  and (orientation:portrait){}

@media screen and (-webkit-min-device-pixel-ratio : 2) and (orientation:landscape), screen and (min-device-pixel-ratio : 2) and (orientation:landscape){}

我在这里看到了类似的问题，但是没有找到解决这个特定用例的问题。

这是在电子邮件中使用，所以我无法使用javascript。媒体查询...

由于

Answer 1

媒体查询只能推断a few media features，并且旨在根据功能而非品牌或型号提供不同的内容。

您可能做的最好的目标是确定列出的每个设备的确切设备宽度：此处有人已提供how to specifically match the iPad's dimensions作为指示。

问题在于，在那里的大量设备中，有些具有相同的尺寸（以及webkit浏览器 - which can be inferred via hacks）。总而言之，在确定相关设备的深奥品牌或操作系统功能时，CSS甚至比JS更差。