Die Benutzererfahrung steht an erster Stelle, die Schriftgröße verzichtet auf px und wählt den Austausch von em_Experience

Im heutigen Internet-Zeitalter, das sich für Usability-Design und User-Experience-Design einsetzt, muss auch CSS daran teilnehmen. Die meisten Leute definieren beim Schreiben von CSS-Code immer zuerst die Gesamtschriftgröße. In chinesischen Fällen beträgt sie jedoch normalerweise 12 Pixel. Tatsächlich hat die Einstellung „View-Text Size“ im oberen Menü des IE jedoch keine Auswirkung. Es ist zweifellos eine sehr schlechte Benutzererfahrung für Zuschauer, die das Gefühl haben, dass die Schriftgröße zu klein ist. Tatsächlich kann dies alles vermieden werden, indem EM-Einheiten als Schriftartenanzeigeeinheiten verwendet werden.

Die Standardschrifthöhe des Browsers beträgt 16px, sodass der nicht angepasste Browser 1em=16px anzeigt. Bei der Konvertierung bedeutet dies 1px=0,0625em, also 12px=0,75em, 10px=0,625em. Durch 1px=0,0625em können Sie beim Schreiben von CSS px in em konvertieren. Aber es gibt einen bequemeren Weg, lesen Sie weiter!

Diese Methode erfordert die Verwendung der %-Einheit (nur einmal). Tatsächlich können % und em einfach so verstanden werden, dass Ersteres nur zwei Nullen mehr hat als Letzteres. Um die Konvertierung der Schriftgröße zu vereinfachen, können Sie im Textkörper in CSS global die Schriftgröße = 62,5 % deklarieren. Der %-Algorithmus ist hier derselbe wie em, 100 % = 16 Pixel, 1 Pixel = 6,25 %, 10 Pixel = 62,5 %, Das heißt, die Standardschriftgröße ist auf 10 Pixel festgelegt. Viele Anfänger definieren hier möglicherweise 0,625em oder definieren direkt 12px. Dies hat keine Auswirkung. Sie müssen die Schriftgröße = 62,5% definieren. Da em die Eigenschaft hat, die Schriftgröße des übergeordneten Anschnittelements zu erben, die 1em = 10px beträgt, ist also 12px = 1,2em. Die Konvertierung zwischen px und em kann über 10 erfolgen, was sehr praktisch ist!

Außerdem ist zu beachten, dass bei der Verarbeitung chinesischer Zeichen durch den IE die Genauigkeit der 12-Pixel-Schriftarten unter dem Text begrenzt ist die direkt definierten Werte. Durch die oben genannten Anpassungen am CSS-Code werden Sie feststellen, dass Ihre Website dem User Experience Design einen Schritt näher kommt. Dies ist im heutigen Internetzeitalter, das sich für Usability-Design und User Experience Design einsetzt, sehr wichtig.

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Skript-Startseite <a href="</title">www.jb51.net</a> </title>> <style type="text/css"> body{ font-size:63%; } </style> <p style="font-size:1.2em;">Schriftgröße:1.2em Alimanman (kann angepasst werden)</p> <p style="font-size:12px;">Schriftgröße:12px Alimanman (kann nicht angepasst werden)</p> <p style="font-size:1.2em; color:#F90;">Sie können die Schriftgröße über „Ansicht – Textgröße“ im oberen Menü von IE anpassen </p>
[Strg+A, um alle auszuwählen. Hinweis: Wenn Sie externe Js einführen müssen, müssen Sie es aktualisieren, um es auszuführen ]