javascript - レスポンシブ デザインは、CSS クラスを含む html div コンテンツを div に切り替えます

Question

レスポンシブ デザインの html コンテンツと css クラスを切り替えるのに役立つ jQuery プラグインはありますか?

下の画像は私が達成しようとしていることを示しているので、jQueryを使用して自分でこれを管理する以外に、これに役立つ何かがあるかどうか知りたいです(例var conteOfOneBlock = $('.someclass .ablock').html();)

Answer 1

メディア クエリを探しています。ここで、特定のビューポートの幅/高さなどに対応するために、要素に適用される CSS を変更します。

たとえば、ビューポートが指定されたサイズよりも大きい場合にのみAandを作成できます。B float: left

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