| Переменная | 375px | 667px | 834px | 1194px | 1366px | 1920px | 3840px | Действия |
|---|---|---|---|---|---|---|---|---|
@media screen and (min-width: 1921px) {
--variable-1: clamp(48px, 2.5vw, 96px);
--variable-2: clamp(48px, 2.5vw, 96px);
}
@media screen and (min-width: 1366px) and (max-width: 1920px) {
--variable-1: clamp(34px, -0.52px + 2.53vw, 48px);
--variable-2: clamp(34px, -0.52px + 2.53vw, 48px);
}
@media screen and (min-width: 1194px) and (max-width: 1366px) {
--variable-1: clamp(31px, 10.17px + 1.74vw, 34px);
--variable-2: clamp(31px, 10.17px + 1.74vw, 34px);
}
@media screen and (min-width: 834px) and (max-width: 1194px) {
--variable-1: clamp(26px, 14.42px + 1.39vw, 31px);
--variable-2: clamp(26px, 14.42px + 1.39vw, 31px);
}
@media screen and (min-width: 667px) and (max-width: 834px) {
--variable-1: clamp(25px, 21.01px + 0.6vw, 26px);
--variable-2: clamp(25px, 21.01px + 0.6vw, 26px);
}
@media screen and (max-width: 666px) {
--variable-1: 25px;
--variable-2: 25px;
}