検索

ホームページ  >  に質問  >  本文

デフォルトのレイアウトを変更せずに、MediaQueries を使用して、より低い解像度で表示されるレイアウトを変更することはできますか?

要素が期待どおりに表示されるようにデフォルトの解像度で「グリッド テンプレート列」レイアウトを使用していますが、それより低い解像度ではコンテナの優先順位によってレンダリングされ、変更したい視覚効果が作成されます。

デフォルトの解像度の場合: がディスプレイの左側にレンダリングされ、次に がディスプレイのもう一方の端にレンダリングされ、次に

はその下にあります。解像度が低い場合は、次のレイアウトで要素をレンダリングしたいと思います。 、次に 、次に

1 つずつ、すべてがもう 1 つの下にあります。

リーリー リーリー ああああ

P粉301523298P粉301523298550日前1000

全員に返信(1)返信します

  • P粉002546490

    P粉0025464902023-09-17 12:06:02

    狭いブレークポイントで列ラッパーに Display:Content を適用することを検討してください。これにより、レイアウト ボックスがその子に置き換えられ、実質的にその子が作成されます。レベルはグリッド レイアウトの子になります。 。このようにして、order を使用して、子要素が異なる親要素内にある場合でも、子要素の順序を変更できます。

    リーリー リーリー

    返事
    0
  • キャンセル返事