Heim >Web-Frontend >CSS-Tutorial >Eine CSS-Schreibmethode, mit der Benutzer die Schriftgröße des Webseiten-Experience-Austauschs steuern können
Heutzutage verwenden die meisten inländischen Websites CSS, um die Schriftgröße auf 12 Pixel festzulegen. Sie sind jedoch nur relativ zur Bildschirmauflösung, wenn Sie das Gefühl haben, dass die Schriftgröße zu klein ist. read Wenn es Schwierigkeiten gibt, können Sie in nicht standardmäßigen Browsern nichts tun. Wenn Sie also die Einheit auf em ändern, können Sie STRG + Mausscrollen verwenden, um den Text zu vergrößern, oder im Menü „Ansicht“ > „Textgröße“ verwenden, um ihn zu ändern die Größe des Textes.
So legen Sie fest: 1. Stellen Sie die Schriftgröße im Body-Tag auf 62,5 % ein. Wenn dies der Fall ist, beträgt die Standardgröße des Browsers 16 Pixel Stellen Sie die Schriftgröße auf 62,5 % ein.
body{
font-size: 62,5%;
}
h1{
fong-size: 1.4em;/* h1-Schriftgröße entspricht 14px * /
}
2. Stellen Sie die Schriftgröße im Textkörper auf 75 % ein, dann ist die Schriftgröße = 16px*75%=12px, 1em entspricht 12px. Größe: 75 %;
}
h1{
fong-size: 1.5em;/* Die Größe des h1-Wortes entspricht 18px */
}
Die erste Methode Besser.
Wenn es sich um eine englische Website handelt, können Sie sie auch auf klein, x-klein einstellen...
Natürlich sind auf diese Weise die Designanforderungen an die Seite höher.