切换按钮可在桌面站点和移动优先响应式设计之间切换

Question

当我制作移动第一个响应式网站时。我将所有的css放在1个文件中，它看起来像：

@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。但由于它们都在1个文件中，我怎么能进行切换？

非常感谢。

Answer 1

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

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

希望有所帮助。