17.12.2020

CSS clamp()

nimmt 3 Parameter: (Minimum, Preferred, Maximum)

width: clamp(100px, 10vw, 200px); -> wird 10vw breit sein, mit einem Minimum von 100px und Maximum 200px

font-size: clamp(2rem, 10vw, 5rem); -> wird 10vw sein, mit einem Minimum von 2rem und maximal 5rem


Beispiele: https://ishadeed.com/article/css-min-max-clamp/, https://chipcullen.com/css-min-max-clamp-functions/

Zur Übersicht

Standort Hannover

newcubator GmbH
Bödekerstraße 22
30161 Hannover

Standort Dortmund

newcubator GmbH
Westenhellweg 85-89
44137 Dortmund