Przejdź do treści
Narzędzia do konwersji

CSS Clamp Generator

Generate a fluid CSS clamp between two sizes and viewport widths.

W przeglądarce · Bez rejestracji

Inputs use pixels. The minimum size cannot exceed the maximum, and viewport widths must increase. Output uses a linear vw term.

Up to 100,000 UTF-16 units per input and 1,000,000 per result. See the supported formats and examples below.

Jak używać

  1. Generate a fluid CSS clamp between two sizes and viewport widths.
  2. Choose the mode or options, then run the tool.
  3. Review the result, then copy or download the TXT file.

Przykład

16→24 px at 320→1280 px → clamp(16px, 13.333333px + 0.833333vw, 24px)

Szczegóły i ograniczenia

Text stays in your browser; it is not sent to a conversion server.

Źródła

Aktualizacja strony: