CSS 9pt entspricht der Anzahl der Pixel

CSS 9pt entspricht 12px. Die Berechnungsformel für pt und px lautet „pt=px*dpi/72“ und basierend auf 96 dpi (Standard) unter Windows „9pt = 9 * 1/72 * 96 = 12px“.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, CSS3-Version, Dell G3-Computer.

css pt- und px-Einheiten

pt (Punkt, Pfund): ist eine physikalische Längeneinheit, die sich auf 72/72 Zoll bezieht.

px (Pixel, Pixel): Es handelt sich um eine virtuelle Längeneinheit, die die digitale Bildlängeneinheit des Computersystems darstellt. Wenn px in physische Länge umgewandelt werden soll, ist die Genauigkeit DPI (Dots Per Inch, Pixel pro Zoll). muss beim Scannen und Drucken angegeben werden. Normalerweise gibt es eine DPI-Option. Der Standardwert für Windows-Systeme ist 96 dpi und der Standardwert für Apple-Systeme ist 72 dpi. Die Umrechnungsformel zwischen

pt und px kann basierend auf der Definition von pt abgeleitet werden:

pt = 1/72 (Zoll), px = 1/dpi (Zoll)

Daher ist

pt = px * dpi / 72

Berechnet basierend auf 96dpi unter Windows:

1 pt = px * 96/72 = px * 4/3

Zum Beispiel, egal um welches Betriebssystem es sich handelt, der Standard-DPI-Wert Der Firefox-Browser ist 96, also tatsächlich 9pt = 9 * 1/72 * 96 = 12px.

Obwohl das „I“ in „DPI“ und das „Zoll“ in „1pt entspricht 1/72 Zoll“ keine physischen Zoll darstellen, sind die beiden Einheiten einander gleich, das heißt, sie gehen bei der Multiplikation ungefähr verloren .

Wie berechnet man also die tatsächliche physische Länge? Bitte nehmen Sie ein Lineal heraus, messen Sie die sichtbare Breite Ihres Monitors (in meinem Fall sind es 11,2992 Zoll) und dividieren Sie sie durch die horizontale Auflösung (in meinem Fall sind es 1024 Pixel). Das Ergebnis ist die physische Länge jedes Pixels.

Jetzt können wir die Frage beantworten, wie viel Platz die 9pt-Schrift auf der Webseite einnimmt. Die Antwort lautet:

9 * 1/72 * 96 * 11,2992 / 1024 = 0,1324 Zoll = 0,3363 cm

Obwohl pt ist eine absolute Einheit, die jedoch nur für Ausgabegeräte gilt. Es handelt sich um eine sehr nützliche Schriftarteinheit in Textsatzwerkzeugen (Word, Abobe). Unabhängig von der Auflösung des Monitors ist das auf Papier gedruckte Ergebnis dasselbe.

Aber die Webseite dient hauptsächlich der Bildschirmanzeige, nicht dem Drucken oder anderen Zwecken. Und px kann die Position und Größe von Elementen auf dem Bildschirm genau darstellen.

Natürlich. Bei einer dpi von 96 ist 9pt=12px.

Weitere Kenntnisse zum Thema Programmierung finden Sie unter: Einführung in die Programmierung! !

Das obige ist der detaillierte Inhalt vonCSS 9pt entspricht der Anzahl der Pixel. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!