у меня есть этот класс
.md-subheader-title {
// 22 pixeles
font-size: calc(12px + 2vw);
}
при максимальном размере его 22 пикселя это нормально, но в мобильной версии он меньше 14 пикселей, можно ли сделать его отзывчивым между максимальным размером шрифта 22 пикселя, минимальным размером шрифта 14 пикселей?






Используйте медиа-запрос, чтобы размер шрифта был фиксированным на окнах просмотра меньше указанной ширины.
В вашем случае вы хотите, чтобы размер шрифта был не менее 14 пикселей. Это произойдет, когда calc(12px + 2vw) меньше 14px или когда 2vw меньше 2px; то есть на экранах уже, чем 100px.
(Заметьте, это очень узкие экраны.)
.md-subheader-title {
/* 22 pixeles */
font-size: calc(12px + 2vw);
}
@media all and (max-width: 100px) {
.md-subheader-title {
font-size: 14px;
}
}<div class = "md-subheader-title">
This is a variable font, up to a point.
</div>
сколько максимальный размер?