Maison  >  Article  >  interface Web  >  Quelle est la différence entre px et pt en CSS

Quelle est la différence entre px et pt en CSS

青灯夜游
青灯夜游original
2021-07-06 14:23:114452parcourir

Différence : pt est une unité absolue et px est une unité relative. Utilisez px pour définir le texte, et la taille ne changera pas quelle que soit la façon dont l'utilisateur la définit ; utilisez pt pour définir le texte, et lorsque l'utilisateur définit une valeur supérieure à 96 DPI, plus la valeur est grande, plus la taille de la police est grande.

Quelle est la différence entre px et pt en CSS

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3, ordinateur Dell G3.

px et pt, l'un sont les coordonnées de l'appareil et l'autre sont les coordonnées logiques, elles sont différentes.

pt est une unité absolue, 1 pt = 1/72 de pouce

px est une unité relative, la valeur de référence générale des pixels est : sur un écran avec une densité de pixels de 90 pdi, une personne normale est À 28 pouces de l'écran L'angle de vision d'un pixel ne doit pas être inférieur à 0,0227 degrés.

Utilisez px pour définir le texte, quelle que soit la façon dont l'utilisateur le définit, la taille ne changera pas ; utilisez pt pour définir le texte, lorsque l'utilisateur définit une valeur supérieure à 96 DPI, plus la valeur est grande, plus la police est grande.

Si vous créez des pages Web pour les parcourir plutôt que pour les imprimer, il est recommandé d'utiliser px pour définir la taille de la police. Les raisons sont les suivantes :

1 Comme mentionné précédemment par Jet, px fait référence à l'image. numéro, et le concept de numéro d'image lui-même est destiné à l'affichage, et pt (taille en points) est en grande partie destiné à l'impression sans erreurs. Il y a une grande différence entre l'impression et l'affichage. Je n'entrerai pas dans les détails ici. La situation mentionnée par Jiji est également un inconvénient causé par l'utilisation de pt.

2. La plupart des unités par défaut dans le code HTML, telles que width=10, etc., sont toutes en px. La largeur et la hauteur totales de l'écran sont également en px. ; Nous définissons la taille de la police comme 12px ; elle peut être facilement calculée. Par exemple, la largeur de 10 caractères chinois est de 10*12=120. Nous pouvons facilement écrire un tableau avec une largeur=120 pour les encadrer. .

3. Veuillez faire une expérience. Les deux méthodes de définition de body { font-size:10.5pt; et body { font-size:14.7px } peuvent permettre à Netscape d'afficher la taille de police la plus optimisée de 10,5 points. ne peut être défini que comme 14,7 pixels, sinon seul IE le reconnaîtra.

(Partage de vidéos d'apprentissage : Tutoriel vidéo CSS)

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