Javascript 如何使用jQuery使用不同的CSS？_Javascript_Jquery_Iphone_Css_Android

Javascript 如何使用jQuery使用不同的CSS？

javascript jquery iphone css android

Javascript 如何使用jQuery使用不同的CSS？,javascript,jquery,iphone,css,android,Javascript,Jquery,Iphone,Css,Android,我当时正在设计一个手机版的网站，但后来意识到我至少需要支持三个（iPhone、iPad和Android）。在这种情况下，我考虑使用jQuery来完成任务，首先检测它是什么设备，然后加载适当的CSS。我该怎么做呢？是这样的吗？这是一个好方法还是有更好的方法来实现同样的目标 <html> <head> <script type="text/javascript"> //Detect device type using jQuery //Insert

我当时正在设计一个手机版的网站，但后来意识到我至少需要支持三个（iPhone、iPad和Android）。在这种情况下，我考虑使用jQuery来完成任务，首先检测它是什么设备，然后加载适当的CSS。我该怎么做呢？是这样的吗？这是一个好方法还是有更好的方法来实现同样的目标

<html>
<head>

<script type="text/javascript">
   //Detect device type using jQuery
   //Insert the proper stylesheet?

   //Rest of the javascript
</script>
</head>
<body>
...
</body>


//使用jQuery检测设备类型
//插入正确的样式表？
//javascript的其余部分
...

如果您不介意将所有CSS放在一个样式表中，您可以这样做：

将其放在HTML的

标记中：

然后将其添加到javascript文件中

var uagent = navigator.userAgent.toLowerCase();
if (uagent.search("iphone") > -1)
{
    $("#ss").attr("herf", "iphone.css");
}
if (uagent.search("ipad") > -1)
{
    $("#ss").attr("herf", "ipad.css");
}
if (uagent.search("andriod") > -1)
{
    $("#ss").attr("herf", "android.css");
}