我的网络应用程序必须支持多个设备。我已经为所有移动平板设备编写了常见的CSS,但它在iPad上提出了一些问题。我找到了专门针对iPad的修复程序。
现在我想为iPad和galaxy设备分离css。
媒体查询或任何其他方式为ipad加载一个css以及为galaxy设备加载另一个css有什么方法吗?
答案 0 :(得分:1)
您可以使用media queries进行组合检测设备并定位CSS。设备具有一组特定的属性(分辨率,方向,宽度,高度等),您可以使用媒体查询来挑选它们。这里有MDN's reference和another article以供进一步参考,以及similar question
答案 1 :(得分:1)
您可以使用的唯一媒体查询是询问size of screen是否由于某种原因(可能是屏幕大小相同或者您必须知道模型)可以使用{{3}根据设备识别设备并加载相关的css。
答案 2 :(得分:1)
您可以通过将它们与正则表达式进行比较,非常简单地检测iPad或iPhone等iOS设备的http请求用户代理,并相应地包含相关的CSS。 用于检测iPhone / iPad的简单正则表达式将是:
(iPhone|iPad).*?OS ((\d+)_(\d+))(?:_(\d+))?
答案 3 :(得分:1)
如果通过“专门针对iPad的修复程序”,表示修复已安装的Safari实例,则应使用功能检测。
使用指定的JS库最容易实现,我更喜欢Modernizr。