Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Eine CSS-Schreibmethode, mit der Benutzer die Schriftgröße des Webseiten-Experience-Austauschs steuern können

WBOY
Freigeben: 2016-05-16 12:07:12
Original
1380 Leute haben es durchsucht

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.

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage