2

我的 Web 应用程序必须支持多种设备。我已经为所有移动平板设备编写了通用 css，但它在 iPad 上出现了一些问题。我找到了专门针对 iPad 的修复程序。

现在我想为 iPad 和银河设备分离出 css。

有没有办法在媒体查询或任何其他方式为 ipad 加载一个 css 为 Galaxy 设备加载另一个 css？

4

4 回答 4

1

您可以使用媒体查询进行组合以检测设备并定位您的 CSS。设备具有一组特定的属性（分辨率、方向、宽度、高度等），您可以使用媒体查询来挑选它们。这是MDN 的参考资料和另一篇文章供进一步参考，还有一个类似的问题

于 2012-04-12T07:10:06.547 回答
1

您可以使用的唯一媒体查询是询问屏幕大小如果由于某种原因这还不够（可能屏幕大小相同或者您必须知道型号）您可以使用此脚本来识别设备并加载根据设备的相关CSS。

于 2012-04-12T07:13:50.397 回答
1

通过将它们与正则表达式进行比较，您可以非常简单地检测 iPad 或 iPhone 等 iOS 设备的 http 请求用户代理，并相应地包含相关的 CSS。检测 iPhone/iPad 的简单正则表达式是：

(iPhone|iPad).*?OS ((\d+)_(\d+))(?:_(\d+))?
于 2012-04-12T07:15:42.723 回答
1

如果“专门针对 iPad 的修复”是指对已安装的 Safari 实例的修复 - 您应该使用功能检测。

使用指定的 JS 库最容易做到这一点，我更喜欢Modernizr。

于 2012-04-12T07:33:27.003 回答