Maison > interface Web > tutoriel CSS > Comment exprimer les unités en CSS ? méthode unitaire en CSS

Comment exprimer les unités en CSS ? méthode unitaire en CSS

云罗郡主
Libérer: 2018-10-19 16:01:37
avant
2277 Les gens l'ont consulté

Le contenu que cet article vous apporte porte sur ce sujet et 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.

Comment exprimer les unités en CSS ? méthode unitaire en CSS

px : unité absolue, la page est affichée en pixels précis

em : unité relative, le point de référence est la taille de la police du parent nœud, si la police est définie par elle-même, la taille est calculée par elle-même (la police par défaut du navigateur est 16px), et 1em n'est pas une valeur fixe dans toute la page.

rem : unité relative, qui peut être comprise comme "root em", calculée par rapport à la taille de la police du nœud racine html, nouvel attribut CSS3, supporte chrome/firefox/IE9+

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

vh : hauteur du point de vue, hauteur de la fenêtre, 1vh est égal à 1% de la hauteur de la fenêtre.

vmin : Le plus petit de vw et vh.

vmax : Le plus grand de vw et vh.

vw, vh, vmin, vmax : prise en charge partielle d'IE9+, prise en charge de chrome/firefox/safari/opera, prise en charge d'ios safari 8+, prise en charge du navigateur Android 4.4+, prise en charge de chrome pour android39

% : pourcentage

po : pouce

cm : centimètre

mm : millimètre

pt:point, environ 1/72 de pouce

pc:pica, environ 6 pt, 1/6 pouce

ex : prenez la hauteur x de la police agissant actuellement sur l'effet et calculez-la comme 0,5em si la hauteur x ne peut pas être déterminée (pas pris en charge par IE11 et versions antérieures), firefox/chrome/safari/opera/ios safari/android browser4.4+, etc. nécessitent tous des attributs et des préfixes)

ch : basé sur le caractère "0" dans la police utilisé par le nœud, il est introuvable Ce sera 0.5em(ie10+,ch

Ce qui précède est comment exprimer l'unité en css ? Une introduction complète à la méthode unitaire en css, si vous voulez savoir pour en savoir plus sur letutoriel vidéo CSS , veuillez faire 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!

Étiquettes associées:
source:csdn.net
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal