Как бы у вас был один тег h1 с разными стилями для мобильных устройств и компьютеров? (Используя bootstrap)

Question

Я хотел бы иметь один тег h1 и иметь другой стиль для него. Я не уверен, что мой css самый простой способ сделать это? Я использую bootstrap, так что, может быть, есть более краткий способ?

У меня есть следующее HTML:

<h1>Hello I am an h1 tag</h1>

И следующее css:

h1 {
  color: yellow;
  font-size: 32px;
}

@media (min-width: 576px) {  
  h1 {
    color: red;
    font-size: 60px;
  }
}

Answer 1

См. Ссылку bootsrap

Отзывчивая типография относится к масштабированию текста и компонентов путем простой настройки размера шрифта элемента root в серии медиа-запросов. Bootstrap не делает этого для вас, но его довольно легко добавить, если вам это нужно.

Тогда лучший способ, насколько я знаю, это использовать медиа-запросы. Viewport это еще один способ для этого. Но не все браузеры поддерживают link info . Тогда самый надежный способ - использовать медиа-очереди