Grundlagen der CSS3 Maßeinheiten

Es gibt viele Möglichkeiten, einen Wert angeben, wenn Sie mit CSS3 arbeiten. Zum Beispiel kann man einfach sagen, dass der Browser eine große Schriftart verwendet werden soll (in dem Medium die Standardgröße ist). Sie können auch den Browser sagen, mit einer Größe von der Konfiguration des Browser-basiert zu berechnen.

Relative Messungen machen es möglich, dass der Browser den Inhalt Präsentation anpassen, um die Größe des Geräts zu entsprechen es angezeigt wird, sondern relativ Messungen mit bedeutet auch, dass der Benutzer den Inhalt nicht sehen können, wie Sie es ursprünglich präsentieren wollten.

In seltenen Fällen kann der Inhalt unbrauchbar tatsächlich relative Messungen mit zu machen, weil der Browser den Inhalt richtig zu präsentieren weiß nicht, wie die relativen Messungen zu verwenden.

Absolute Messungen haben den Vorteil, dass eine präzise Platzierung von Inhalten auf dem Bildschirm und macht, dass der Inhalt eine bestimmte Größe oder der Inhalt eine genaue Aussehen verleiht. verwenden jedoch nur absolute Messungen, wenn Sie über die Benutzerkonfiguration sicher sind.

Zum Beispiel könnten Sie absolute Messungen verwenden, wenn Sie eine Anwendung erstellen, die in Ihrer Organisation für den internen Gebrauch ist und die Organisation Gerätekonfigurationen beauftragt.

Wenn absolute Messungen zu schaffen, und einige relative Messungen, benötigen Sie eine Maßeinheit zu verwenden, die der Browser verstehen. Hier sind die standardisierten Maßeinheiten, die jeder Browser verstehen werden, zusammen mit einer Beschreibung dieser Messung:

SymbolMessungArtBeschreibung
%ProzentRelativEin bestimmter Prozentsatz eines bestimmten Elements. Zum Beispiel kann ein Table einen bestimmten Prozentsatz der für theentire Tabelle der Breite zugewiesenen Speicherplatz verbrauchen.
imZollAbsoluteDie Anzahl der Bildschirm oder gedruckt Zoll zu verwenden anelement anzuzeigen. Die Anzahl der Pixel in einem Zoll variiert entsprechend deviceand Gerätekonfiguration.
cmZentimeterAbsoluteDie Anzahl der Bildschirm oder gedruckt Zentimeter displayan Element zu verwenden. Die Anzahl der Pixel in einem Zentimeter variiert accordingto Gerät und Gerätekonfiguration.
MillimeterMillimeterAbsoluteDie Anzahl der Bildschirm oder gedruckt Millimeter displayan Element zu verwenden. Die Anzahl der Pixel in einem Millimeter variiert accordingto Gerät und Gerätekonfiguration.
emEmRelativEin em berechnet auf der Basis der aktuellen Schriftgröße. Die Default für die meisten Desktop-Browser ist 16 Pixel = 1 em. Jedoch konfigurieren someonemight der Browser eine kleinere oder größere Default zu verwenden.
ExExRelativEin Pendant zum em, ist die ex die berechnete x-Höhe von AFONT, anstatt die volle Höhe der Schriftart. Ansonsten EXS workthe gleiche wie ems.
ptPunktAbsoluteJeder Punkt ist etwa 1/72 Zoll.
pcPicaAbsoluteJeder pica ist auf zwölf Punkte gleich.
pxPixelRelativGibt einen einzelnen Punkt auf dem Bildschirm. Dies ist ein relativemeasurement weil es berücksichtigt, die variable Anzahl ofpixels nimmt von jedem Gerät über eine bestimmte Messung verwendet (normalerweise aninch oder Zentimeter). Viele Entwickler verwenden Pixel, wenn goodpresentation Steuerung erforderlich ist, aber eine gewisse Flexibilität toa bestimmte Plattform gewünscht anzupassen.

Menü