Padding

Das Padding in % für input-Elemente richtet sich nach der Grösse des Elternelements. Dies gilt auch für padding-top/-bottom.

 

Height

Die Höhe eins Objekts kann nur in Relation zur Höhe des Elternelements nicht aber zur eigenen oder der Breite des Elternelements gesetzt werden.

 

Font

Schriften können nur im Verhältnis zur Grunddefinition des Browsers (üblicherweise 16px) definiert werden. Entsprechend müssen verschiedene Schriftgrössen in Verbindung mit Media-Queries definiert werden. Die Schriftgrösse sollte zusätzlich im <html>-Element definiert werden, da die Definition sonst unter Umständen nicht als Basis verwendet wird.

@media screen and (max-width: 320px){  /* iPhone */
  html {
    font-size: 93.75%;
  }
}

Viewport Einheiten1

vw und vh können vom Endbenutzer nicht skaliert werden sondern sind fixe Werte und verhalten sich wie Pixelwerte für Schriften in IE!

  1. http://codepen.io/vcurd/full/ByerKw []

Hinterlasse eine Antwort

Deine E-Mail-Adresse wird nicht veröffentlicht.