Как изменить размер текста на мобильной версии сайта?

Question

[Валерия Бядретдинова]

Как через медиа запрос правильно изменить размер текста для мобильной версии?

Answer 1

[ForestEsprit]

@media screen and (max-width: 480px) {
    .class {
        font-size: 10px;
    }
}

Answer 2

[Ivan Bogachev]

Часто хорошей идеей будет задавать размер текста в пикселях только для html, и в медиа-запросах менять только его размер, а все остальные размеры на странице задавать используя rem. Ссылка на codepen