Was ist die Einheit von PC in CSS?

In CSS ist PC eine absolute Einheit; die absolute Einheit ist ein fester Wert, der eine tatsächliche physische Größe widerspiegelt und nicht von der Bildschirmgröße oder Schriftart beeinflusst wird. Der vollständige Name von PC ist Picas, was Pica, Pica bedeutet Auch ein typografischer Begriff und „1pc = 16px“.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3- und HTML5-Version, Dell G3-Computer.

Was ist die Einheit von PC in CSS?

PC ist die absolute Einheit in CSS.

In CSS umfassen absolute Einheiten: px, pt, pc, cm, mm, in usw. Eine absolute Einheit ist ein fester Wert, der eine tatsächliche physikalische Größe widerspiegelt. Es wird nicht durch die Bildschirmgröße oder die Schriftgröße beeinflusst. Ihre Größe hängt vom Wert und der Auflösung des Bildschirms (DPI, Punkte pro Zoll) ab. px ist eine unserer am häufigsten verwendeten absoluten Einheiten. Die Umrechnungsbeziehung zwischen diesen absoluten Einheiten ist wie folgt:

1in = 25.4mm = 2.54cm = 6pc = 72pt =96px

pc

pc steht für Picas, was Paica bedeutet. Es entspricht der Größe des neuen Typs Nr. 4 meines Landes. Paica ist auch ein gedruckter Begriff, 1 Paica entspricht 12 Punkten. Die Konvertierungsbeziehung zwischen ihm und px ist wie folgt:

1pc = 16px

Wissen erweitern

• px

px heißt Pixel, was Pixel bedeutet. Es ist nicht unbedingt gleich den Pixeln von die Anzeige, insbesondere auf hochauflösenden Bildschirmen. Obwohl CSS-Einheiten je nach Browser, Betriebssystem oder Hardware entsprechend skaliert werden und auf bestimmten Geräten oder den Auflösungseinstellungen des Benutzers variieren können, entspricht 96 Pixel im Allgemeinen der Größe eines physischen Zolls.

CSS definiert die Anzeigemethode von Rasterbildern (z. B. Fotos usw.), da die Standardgröße jedes Bildes 1 Pixel beträgt. Die Länge und Breite eines Fotos mit einer Auflösung von „600 x 400“ beträgt „600 Pixel“ bzw. „400 Pixel“, sodass die Pixel des Fotos selbst nicht mit den Pixeln des Anzeigegeräts, sondern mit der Pixeleinheit übereinstimmen. Dadurch kann das Bild vollständig an andere Elemente der Webseite angepasst werden.

Px wird oft auch CSS-Pixel genannt. Es handelt sich um eine absolute Einheit, kann aber auch als relative Einheit betrachtet werden, da Pixeleinheiten relativ zu Gerätepixeln sind. Auf demselben Gerät kann sich der von jedem CSS-Pixel dargestellte physische Pixel ändern; zwischen verschiedenen Geräten kann sich der von jedem CSS-Pixel dargestellte physische Pixel ändern.

.box {
    width: 100px;
    height: 100px;
}

• pt

pt steht für Point, was Punkt bedeutet. Es wird häufig in der Software-Design-, Satz- und Druckindustrie verwendet (das Endprodukt des von mir erstellten Front-End-Systems ist ein PDF, das gedruckt werden muss, daher wird dieses Gerät häufig verwendet). Bei Verwendung dieses Geräts ist das auf Papier gedruckte Ergebnis unabhängig von der Auflösung des Monitors dasselbe.

Wenn es sich ausschließlich um die Anzeige von Webseiten handelt, wird die Verwendung der px-Pixel-Einheit empfohlen. Wenn Sie gedruckte Produkte ausgeben müssen, können Sie die Verwendung von pt in Betracht ziehen.

• cm

cm steht für Centimeters, also Zentimeter. Die Konvertierungsbeziehung zu px ist wie folgt:

1cm = 37.8px

• mm

mm steht für Millimeter, was Millimeter bedeutet. Seine Umrechnungsbeziehung mit px ist wie folgt:

1mm = 3.78px

• in

in steht für Zoll, was Zoll bedeutet. Die Konvertierungsbeziehung zwischen it und px ist wie folgt:

1in = 96px

(Freigabe von Lernvideos: CSS-Video-Tutorial, HTML-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonWas ist die Einheit von PC in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!