仅为iOS设备添加CSS样式表

如何添加仅适用于iOS移动设备的样式表？

我想运行一个包含flash的网站。 显然，flash元素无法在iPhone，iPod和iPad上运行。 由于这个事实，我想为这些设备创建一个CSS文件。 我主要担心iPad，因为我可以使用@media screen尺寸属性来实现其他两个。

到目前为止我所拥有的是：

 var IS_IPAD = navigator.userAgent.match(/iPad/i) != null; if(IS_IPAD) ({ url: href, dataType: 'css', success: function(){ $('').appendTo("head"); } }); 

什么不在这里工作？

Answer 1

你可以这样做：

var is_ios = /(iPad|iPhone|iPod)/g.test( navigator.userAgent );

这将返回true或false。

然后：

 if(is_ios) { $('').appendTo("head"); }; 

更新：

一种不同的方法，而不是使用userAgent检测，将测试浏览器支持。 你可以用这样的jQuery做到这一点：

 $('html').addClass(typeof swfobject !== 'undefined' && swfobject.getFlashPlayerVersion().major !== 0 ? 'flash' : 'no-flash'); 

这是一种“ Modernizr ”风格的方式，可以在文档的html标记中添加一个类，所以在你的css中你可以这样做：

  html.flash .element { /*Do something here if flash if enabled*/ } html.no-flash .element { /*Do something different here if flash if not available*/ } 

Answer 2

为什么不这样：

 var is_ipad = navigator.userAgent.match(/iPad/i) ? true : false; if(is_ipad) $('').appendTo('head');