Was sind CSS-Pixel?

Die sog. CSS-Pixel bestimmen die Größe eines Elements in Pixeln, mit der das Element laut CSS-Code angezeigt werden soll. CSS-Pixel werden von Geräten mit hochauflösenden Displays automatisch umgerechnet.

Beispiel für CSS-Pixel

/* Das Bild wird in 200x200 Pixeln Größe angezeigt, auch wenn die Bilddatei größer abgespeichert wurde.
img {
  width:200px;
  height:200px;
}

/* Die Schaltfläche wird in 44x44 Pixeln Größe angezeigt.
.button {
  width:44px;
  height:44px;
}