Maison  >  Article  >  interface Web  >  Comment les navigateurs gèrent-ils les attributs CSS sans unité dans les situations de repli ?

Comment les navigateurs gèrent-ils les attributs CSS sans unité dans les situations de repli ?

DDD
DDDoriginal
2024-10-24 09:05:29170parcourir

How Do Browsers Handle Unitless CSS Attributes in Fallback Situations?

Comportement de repli pour les attributs CSS sans unité

Lorsque les attributs CSS manquent de spécificateurs d'unité, tels que px, em, pt ou %, les navigateurs peuvent présentent un comportement de repli variable.

Repli sur les pixels

En mode bizarreries, certains navigateurs peuvent recourir aux unités de pixels (px) pour les attributs manquant d'unités. Ce comportement provient d'attributs HTML hérités tels que la largeur et la hauteur qui acceptaient les longueurs de pixels sans déclarations d'unité.

Exigence obligatoire en matière d'unités

Selon CSS2.1, tous non nuls les valeurs de longueur doivent inclure des unités. En mode standards, les agents utilisateurs doivent ignorer les valeurs de longueur sans unités. Cependant, cette règle n'est pas strictement suivie par tous les navigateurs.

Incohérence du navigateur

Malgré les spécifications, les navigateurs gèrent les attributs CSS sans unité de manière incohérente. Par exemple, en mode bizarreries :

  • Internet Explorer (IE7) ignore la règle entière si une unité est manquante.
  • Firefox peut recourir à px pour certains attributs (par exemple, la largeur). mais ignorez les autres (par exemple, la largeur de la bordure).
  • Chrome, Opera et Safari utilisent px pour la largeur et la largeur de la bordure.

Comportement du mode bizarreries

Le comportement spécifique du mode bizarrerie pour les attributs CSS sans unité n'est pas explicitement défini dans les spécifications. Certains navigateurs, comme IE7, peuvent tenter de se conformer au comportement du mode standard, tandis que d'autres peuvent conserver un comportement du mode bizarreries plus indulgent.

Conclusion

Le comportement de secours pour les attributs CSS sans unités peut varier en fonction du navigateur et du mode de rendu. En mode standards, les agents utilisateurs doivent ignorer les valeurs de longueur sans unités. Cependant, en mode bizarreries, les navigateurs peuvent présenter un comportement incohérent, entraînant des variations dans la façon dont les attributs sans unité sont interprétés. Il est recommandé de déclarer explicitement les unités pour tous les attributs CSS afin de garantir un comportement prévisible dans tous les navigateurs et modes de rendu.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn