メディア クエリは Div のサイズに基づいて要素のサイズを変更できますか?

メディア クエリを使用した Div 内の要素の動的サイズ変更

提起された問題は、メディア クエリが div 要素のサイズに基づいて要素のサイズを調整できるかどうかです。画面の解像度ではなく。メディア クエリは、要素のサイズではなく、ビューポートや画面の寸法に基づいて、デバイスまたはメディア固有のスタイル設定を目的としています。

目的の効果を実現するには、CSS 包含モジュールの コンテナ クエリ の使用を検討してください。 >、特にコンテナ要素の寸法に基づいてスタイルを適用するように設計されています。ここでブラウザの互換性を確認してください: https://caniuse.com/?search=container queries.

メディア クエリの代わりに、古いブラウザの場合は、JavaScript を適用して、目的の div 要素のサイズの変化を監視します。 Djave が提供する例で示されているように、フレックスボックスやカスタム プロパティなどの最新のレイアウト手法により、メディアまたは要素のクエリが完全に不要になる可能性もあります。

以上がメディア クエリは Div のサイズに基づいて要素のサイズを変更できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。