HTML5   发布时间:2022-04-27  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 仅为iOS设备添加CSS样式表大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
如何添加仅适用于iOS移动设备的样式表?

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

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

var IS_IPAD = navigator.userAgent.match(/iPad/i)  != null;

if(IS_IPAD)    ({
      url: href,dataType: 'css',success: function(){                  
            $('<link rel="stylesheet" type="text/css" href="'+css/ipad.css+'" />').appendTo("head");
        }
});

什么不在这里工作?

解决方法

你可以这样做:

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

这将返回真或假.

然后:

if(is_ios)    
{
 $('<link rel="stylesheet" type="text/css" href="css/ipad.css" />').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*/
 }

大佬总结

以上是大佬教程为你收集整理的jquery – 仅为iOS设备添加CSS样式表全部内容,希望文章能够帮你解决jquery – 仅为iOS设备添加CSS样式表所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。