Css 切换按钮，用于在桌面站点和移动第一响应设计之间切换

当我创建移动第一响应站点时。我将所有css放在一个文件中，看起来像：

@media (min-width: @screen-hs-min) {
   /* rules for mobile horizontal (480 > 768)  */
}
@media (min-width: @screen-sm-min) {
   /* rules for tablet (768 > 992) */
}
@media (min-width: @screen-md-min) {
   /* rules for desktop (992 > 1200) */
}
@media (min-width: @screen-lg-min) {
   /* rules for large (> 1200) */
}

我想创建一个切换按钮，在非响应和响应之间切换。如果css在不同的文件中，我可以使用js卸载响应css。但是，既然它们都在一个文件中，我该如何进行切换呢

---

非常感谢。

您可能有两个单独的HTML页面，并为其中一个主体标记提供自定义类，然后将按钮链接到另一个页面。然后根据该类设置页面样式

您还可以使用JS将样式标记添加到覆盖原始样式表的标题中。如果你这样做，确保它被放在原始链接之后

---

希望能有所帮助。

谢谢你的想法。我明白你的意思。我会试试。@user3390591没问题。快乐编码：如果我创建3个css文件，会怎么样。然后按如下顺序将它们嵌入：`//Universe styles在这里//0px-1199px媒体查询的所有样式//1200px+的所有样式``当单击切换按钮时，responsive.css样式表将从“你们怎么想？”？