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

Question

我正在构建网站的移动版本(不是 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？

或者我是否以完全错误的方式处理这个问题。

Answer 1

我最终只是给了我的样式表一个 ID 并执行了以下操作:

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

我在检查屏幕尺寸后这样做了。如果小于 480，那么我删除旧的样式表。似乎工作得很好 - 但不确定这是一个理想的解决方案。