CSS-clamp-generator

CSS-clamp-generator gebruiken

CSS-clamp-generator. Export gebruikt rem en vw. Stel de hoofdlettergrootte in. Het voorbeeld simuleert de gekozen breedte.

1. Wijzig kleuren, tekst of getallen hierboven.
2. Vergelijk het voorbeeld terwijl je instellingen wijzigt.
3. Kopieer de uitvoer of download naar je apparaat.

CSS-clamp-generator · Voorbeeld

{
  "min": 16,
  "max": 32,
  "start": 320,
  "end": 1280,
  "root": 16,
  "viewport": 800,
  "text": "LocalKit"
}

font-size: clamp(1rem, 0.66667rem + 1.66667vw, 2rem);

Gebruiksnotities

Bestanden en invoer worden in deze browser verwerkt. Geen uploads of account.

Export gebruikt rem en vw. Stel de hoofdlettergrootte in. Het voorbeeld simuleert de gekozen breedte.