javascript - 响应式设计将带有 css 类的 html div 内容切换到 div

Question

是否有任何 jQuery 插件可以帮助我切换 html 内容和 css 类以进行响应式设计？

正如下图将说明我想要实现的目标，我想知道除了使用 jQuery 自己管理之外，是否有什么可以帮助我解决这个问题（例如var conteOfOneBlock = $('.someclass .ablock').html();）

Answer 1

您正在寻找媒体查询。这就是您更改应用于元素的 CSS 以响应特定视口宽度/高度/等的地方。

例如，您可以A且B float: left仅当视口大于给定大小时：

@media (min-width: 700px) {
    .A, .B { float : left; }
}