Les requêtes de conteneur peuvent-elles redimensionner dynamiquement les éléments en fonction des dimensions Div ?

Les requêtes multimédias peuvent-elles redimensionner dynamiquement les éléments en fonction des dimensions des éléments Div ?

Les requêtes multimédias, une fonctionnalité CSS permettant d'ajuster de manière réactive les éléments en fonction de l'écran de l'appareil. Les dimensions ont des limites lorsqu'elles sont appliquées aux éléments div dans une page Web. Les divs sont des widgets de différentes tailles, et le redimensionnement des éléments par rapport à eux nécessite une approche différente.

Requêtes de conteneur : la réponse

En réponse à ce besoin, le CSS Working Le groupe a développé des requêtes de conteneurs, une extension des requêtes multimédias. Les requêtes de conteneur permettent d'appliquer des styles à un élément en fonction des styles de confinement d'un autre élément. Cela signifie que les éléments peuvent désormais être redimensionnés en fonction des dimensions du div dans lequel ils sont contenus.

Comment utiliser les requêtes de conteneur

Les requêtes de conteneur utilisent une syntaxe légèrement différente à partir des requêtes multimédias :

@container (container-name) {
  /* Styles */
}

Où nom-du-conteneur est le nom attribué au div conteneur à l'aide du conteneur propriété.

Prise en charge des navigateurs

Les requêtes de conteneur sont actuellement prises en charge dans les navigateurs modernes tels que Chrome, Firefox et Edge.

Conclusion

Les requêtes de conteneur fournissent une solution puissante pour redimensionner dynamiquement les éléments en fonction de la taille de leur div contenant. éléments. Cela permet une plus grande flexibilité et réactivité dans la conception Web sans les limitations des requêtes multimédias.

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!