Jquery 您可以删除特定设备的样式表吗？

我正在构建一个站点的移动版本（不是mobile.domain.com），但只是根据设备提供不同的样式表

所以我有这样的想法：

<link href="css/style.css" media="screen" rel="stylesheet"/>
    <link href="css/mobile1.css" media="only screen and (max-width: 480px), only screen and (max-device-width: 480px)" rel="stylesheet" type="text/css" />
    <meta name="viewport" content="width = 320px, initial-scale=1" />

我的移动样式表显然只隐藏/显示我在移动站点上想要的内容，然后覆盖

style.css

中的类/样式

我的问题是，我似乎找不到我没有超越的风格。也就是说，如果我完全删除

style.css

，这个网站看起来很完美。如果我将

style.css

放在那里，它看起来就不那么完美了

是否有一种方法可以在页面加载时动态删除style.css

---

或者说我的做法完全错了。

我最终只是给了我的样式表一个ID，然后这样做了：

jQuery('#mainStyleSheet').remove();

---

我是在检查了屏幕大小后做的。如果小于480，则删除旧样式表。似乎工作得很好-但不确定它是否是理想的解决方案。

此示例适用于Internet Explorer，但您必须找到iPhone的正确呼叫名称：

<!--[if !IE]> //This will target everything except Internet Explorer browsers.
    <link rel="stylesheet" type="text/css" href="style.css"> //Add appropriate stylesheet.
<![endif]-->

---

---

我可以工作。我不确定，也没有一部iPhone来检查这一点。

你不适合吗？media=“掌上电脑”在iPhone上不适用吗？我可能也想给这部iPhone加上标签。那么，如果不是掌上电脑，iPhone报告自己是什么呢？（我不知道，因为我不是一个移动开发者，但如果它将自己报告为不同的东西，你可以使用它。）将自己报告为屏幕。你最终不得不使用媒体查询哦。嗯，我尝试了一下，不是作为一个移动开发者，我不知道还有什么更好的。祝你好运！

<!--[if !iPhone]>
    ...
<![endif]-->