@evomed

Как изменить размер шрифта в зависимости от размера экрана?

В Тайлвинд я могу указать sm:text-lg, а здесь есть такие аналоги? Хочется и размер кнопок менять и размер текста в зависимости от экрана. Чтобы на телефоне больше были.
  • Вопрос задан
  • 45 просмотров
Решения вопроса 1
delphinpro
@delphinpro
frontend developer
Если используете sass, то миксином

.text {
  font-size: 12px;
  @include media-breakpoint-up(md) {
    font-size: 20px;
  }
}


Либо в css обычным медиазапросом

.text {
  font-size: 12px;
}
@media (min-width: 767px) {
  font-size: 20px;
}


Либо, безотносительно бутстрапа, на основе экранных единиц изменения

.text {
  font-size: clamp(12px, 3vw, 30px);
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы