2

有谁知道使用媒体查询仅针对 iOS 设备的方法？我正在寻找一种方法给 iPhone (1,3G,3GS,4,4S,5) 用户一种体验，给 iPad (1,2,3,mini) 用户另一种体验，以及其他所有人（桌面、安卓、 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。仅限媒体查询...

谢谢

4

1 回答 1

0

媒体查询只能推断出一些媒体特征，并且旨在根据特征提供不同的内容，而不是品牌或型号。

您可以做的最好的事情可能是针对列出的每个设备的确切设备宽度：这里有人已经提供了作为指示，作为指示，如何专门匹配 iPad 的尺寸。

问题在于，在众多设备中，有些设备具有相同的尺寸（以及 webkit 浏览器——这可以通过黑客来推断）。总而言之，在确定相关设备的深奥品牌或操作系统功能方面，CSS 甚至比 JS 更差。

于 2013-02-20T20:09:56.790 回答