clampen

etwas einklemmen

Bilder, div-Boxen, Texte - all diesen Elementen kann man nicht einfach nur eine bestimmte Größe zuweisen. Auf einem 24''-Monitor ist z.B. eine 18px große Schrift viel zu klein, auf einem Handy hingegen schon sehr groß. Die Lösung heißt, Größen in Abhängigkeit von der Bildschirmbreite oder -höhe zu bringen. So entsprechen 5vw immer 5% der Bildschirmbreite. Das Elelement passt sich damit dynamisch der Fensterbreite an. Aber auch bei der relativen Breite wirkt ein Element auf einem breiten Bildschirm viel zu groß, auf einem schmalen, viel zu kleinen.

Die Lösung heißt clampen (also einklemmen). Man weist einem Element also nicht nur die relative Größe zu, sondern begrenzt sie auf eine Mindest- und Maximalgröße. Zu sehen in der Navigation von reifenservice-porstmann.de !
font-size:clamp (16px, 1.5vw, 28px);

Preis je zu clampendem Element: 13,50 €