iphone - iOS特定媒体查询

Question

有谁知道使用媒体查询仅将iOS设备定位为目标的方法？我正在寻找一种方法来给iPhone(1,3G，3GS，4,4S，5)用户一个体验，给iPad(1,2,3，mini)用户另一个体验，以及其他所有人(台式机，android， 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更差。