Maison >interface Web >tutoriel CSS >Une méthode d'écriture CSS qui permet aux utilisateurs de contrôler la taille de la police des pages Web_Experience Exchange
De nos jours, la plupart des sites Web nationaux utilisent CSS pour définir la taille de la police à 12 pixels. Bien que les pixels soient également des unités de taille relative, ils ne le sont que lorsque la résolution de l'écran est certaine, si vous estimez que la taille de la police est trop petite. lire S'il y a des difficultés, vous ne pouvez rien faire dans les navigateurs non standard, donc si vous changez l'unité en em, vous pouvez utiliser CTRL + défilement de la souris pour agrandir le texte, ou utiliser Affichage > Taille du texte dans le menu pour changer la taille du texte.
Comment définir
1. Définissez la taille de la police dans la balise body à 62,5 %. S'il n'y a pas de paramètre CSS dans le corps, la taille par défaut du navigateur est de 16 px. réglé à 62,5 %, alors la taille de la police =16px*62,5%=10px À ce stade, vous pouvez utiliser em pour définir facilement la taille. Par exemple, si vous devez utiliser 12px, définissez-la simplement sur 1,2em.
body{
font-size : 62,5%;
}
h1{
fong-size : 1,4em;/* la taille de la police h1 équivaut à 14px * /
}
2. Définissez la taille de la police dans le corps à 75 %, puis la taille de la police = 16px*75%=12px, 1em équivaut à 12px
body{
font-. size : 75% ;
}
h1{
fong-size : 1,5em;/* La taille du mot h1 équivaut à 18px */
}
La première méthode Mieux.
S'il s'agit d'un site Web en anglais, vous pouvez également le définir sur small, x-small...
Bien sûr, de cette façon, les exigences de conception de la page seront plus élevées.