Question

我正在使用HTML5和Android

为iPhone和phonegap构建 jquery mobile. 个应用

是否可以为iOS和Android.

应用不同的样式表

如何在检测到特定操作系统后包含样式表。

以下是我的javascript代码：

var deviceType = (navigator.userAgent.match(/iPad/i))  == "iPad" ? "iPad" : (navigator.userAgent.match(/iPhone/i))  == "iPhone" ? "iPhone" : (navigator.userAgent.match(/Android/i)) == "Android" ? "Android" : (navigator.userAgent.match(/BlackBerry/i)) == "BlackBerry" ? "BlackBerry" : "null";

Answer 1

使用您拥有的内容，您可以将找到的deviceType作为类添加到body标记中。

<强>的JavaScript

var deviceType = (navigator.userAgent.match(/iPad/i))  == "iPad" ? "iPad" : (navigator.userAgent.match(/iPhone/i))  == "iPhone" ? "iPhone" : (navigator.userAgent.match(/Android/i)) == "Android" ? "Android" : (navigator.userAgent.match(/BlackBerry/i)) == "BlackBerry" ? "BlackBerry" : "null";
$("body").addClass(deviceType);

<强> CSS

以下代码是设置由不同设备读取的div的示例。

div {
    /* general style for a div */
}
.iPhone div {
    /* style for a div in iPhone (will be override the general style) */
}
.Android div {
    /* style for a div in Android (will be override the general style) */
}

Answer 2

非常简单：

$('head').append( $('<link rel="stylesheet" type="text/css" />').attr('href', 'your_stylesheet_url.css') );

或document.createStyleSheet('your_stylesheet_url.css');

为Android和iPhone应用不同的样式表

2 个答案: