Les requêtes multimédias peuvent-elles redimensionner les éléments en fonction des dimensions d'une division ?

Redimensionnement dynamique des éléments dans une division à l'aide de requêtes multimédias

La question posée est de savoir si les requêtes multimédias peuvent ajuster la taille des éléments en fonction des dimensions d'un élément div plutôt que la résolution de l'écran. Les requêtes multimédias sont destinées au style spécifique à l'appareil ou au média, basé sur les dimensions de la fenêtre d'affichage ou de l'écran, plutôt que sur la taille des éléments.

Pour obtenir l'effet souhaité, envisagez d'utiliser les requêtes de conteneur, spécialement conçu pour appliquer des styles basés sur les dimensions d'un élément conteneur. Vérifiez la compatibilité du navigateur ici : https://caniuse.com/?search=container queries.

À la place des requêtes multimédias et pour les navigateurs plus anciens, appliquez JavaScript pour surveiller les changements dans la taille de l'élément div souhaité. Les techniques de mise en page modernes telles que flexbox et les propriétés personnalisées peuvent également éliminer complètement le besoin de requêtes multimédias ou d'éléments, comme le démontre l'exemple fourni par Djave.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!