Адаптация под мобильные устройства

• 

  gusevakaterina756 · Участник · 7 ноября, 2023 at 7:43 пп

  • Копировать ссылку
  • Добавить тему в избранное

  Добрый день,

  Мой сайт плохо адаптирован под мобильные устройства. У меня лонгрид. Когда шрифт нормальный на десктопе, он крупный в мобильной версии. Когда он нормальный в мобильной версии, он мелкий на десктопе. Проблему пытаюсь решить, прописав разные размеры шрифта для ПК (18 пикселей) и мобильных (16 пикселей) через медиа запросы (так называемые media queries, начинающиеся с команды @media). В Дополнительных стилях прописала команду для мобильных шрифтов
  @media (max-width:480px) {body {font-size:16px;}} которая помогла почему-то только на главной странице. При этом на других страницах шрифт не уменьшается до 16 пикселей, а остаётся 18 в мобильной версии. Может быть, мне прописать медиа запрос для десктопной версии, а в настройках по умолчанию задать оптимальные для мобильной версии параметры? И если да, то как команду сформулировать?

  Очень надеюсь на помощь