只是想知道是否有任何方法/技术可以让您用类名替换媒体查询。
例如
.header { width: 100% }
.tablet .header { width: 50%; float: left; }
.phone .header { width: 100%; max-width: 320px;}
所以 .tablet 或 .phone 被应用到 html 标签，如 <html class="phone">
是否有一种方法/准备可以让这样的东西发挥作用？还是需要使用 JavaScript 来更改元素上的类？
谢谢
最佳答案
您所描述的内容需要 javascript，因为 html 需要更改才能实现
有一些工具可以帮助您对 javascript 中的媒体查询使用react，例如令人惊叹的 Enquire.js
但是如果您正在寻找不需要 js 并且可以使用 SASS 的东西，我建议您使用 CSS Wizardy's responsive grid 这可以帮助您根据需要生成布局
我们正在使用它来构建我们自己的移动优化嵌入，我们发现它非常强大且易于使用。
希望对你有帮助
关于CSS 类而不是媒体查询，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17900457/