如何添加专用于 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(){
$('<link rel="stylesheet" type="text/css" href="'+css/ipad.css+'" />').appendTo("head");
}
});
什么在这里不起作用?
最佳答案
你可以这样做:
var is_ios =/(iPad|iPhone|iPod)/g.test( navigator.userAgent );
这将返回 true 或 false。
然后:
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 样式表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19932023/