Перейти к основному содержимому
Об авторе
Проекты
Знания
Знания/CSS/calc-min-max-clamp

Как работают `calc()`, `min()`, `max()`, `clamp()`?

СобеседованиеCSS функции
  • calc() — арифметика с разными единицами: calc(100% - 2rem)
  • min() — выбирает МИНИМАЛЬНОЕ из значений: width: min(100%, 800px)
  • max() — выбирает МАКСИМАЛЬНОЕ: padding: max(2rem, 5vw)
  • clamp(min, preferred, max) = max(min, min(preferred, max))
  • Можно вкладывать: calc(min(100vw, 1200px) - 2rem)
  • Главная
  • Об авторе
  • Проекты
  • Знания
Логотип nKolmykov