Quelles sont les nouvelles unités de CSS3 ? Explication détaillée des dernières nouvelles unités CSS3

Quelles sont les nouvelles unités dans CSS3 ? Je pense que de nombreux amis qui viennent d'entrer en contact avec CSS3 se poseront de telles questions. Ce chapitre va vous présenter quelles sont les nouvelles unités de CSS3 ? Explication détaillée des dernières nouvelles unités CSS3. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile.

Certaines nouvelles unités ont été introduites en CSS3 :

ch : la largeur du caractère 0 (zéro)

rem : la taille de la police de l'élément racine (élément html) ; );

vw : largeur du point de vue, largeur de la fenêtre, 1vw est égale à 1% de la largeur de la fenêtre de vue

vh : hauteur du point de vue, hauteur de la fenêtre, 1vh est égale à 1% de la ; afficher la hauteur de la fenêtre ;

vmin : Le plus petit de vw et vh.

vmain : Le plus grand de vw et vh.

deg-angle

Évidemment, vw, vh et vmin sont destinés aux appareils mobiles. Si la taille de la fenêtre change, ces trois valeurs changeront également en conséquence.

L'unité rem ressemble à une variante de px+em. La question de savoir si elle vaut la peine d'être utilisée dépend de votre propre choix : elle n'est pas aussi précise que px et pas aussi flexible que em - en d'autres termes, elle est plus. flexible que px et plus précis que em~~ ……XD……

Et si la taille de la police n'est pas définie ?

En fait, ne vous inquiétez pas. D'après la légende, chaque navigateur a une taille de police par défaut sans précédent : 16px;, donc même si vous oubliez de définir la valeur initiale de font-size dans le fichier de style, vous pouvez toujours utiliser em et rem en toute confiance.

Prise en charge du navigateur :

rem, tous les navigateurs le prennent en charge, IE9+, FF3.6+, Chrome, Safari 5+ et Opera 11.6+vw, vh, vmin, parcourez la prise en charge du navigateur n'est pas optimiste, IE9 le supporte, Chrome ne le supporte pas actuellement, Chrome 20 le supportera à nouveau (il semble avoir été supporté auparavant ?), Safari le supportera bientôt, Opera et Firefox ne sont pas encore supportés.

Ce qui précède est quelles sont les nouvelles unités de CSS3 ? Une introduction complète aux dernières nouvelles unités CSS3. Si vous souhaitez en savoir plus sur le Tutoriel vidéo CSS3, veuillez prêter attention au site Web PHP chinois.

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!