Как увеличить шрифт на мобильных устройствах?

Question

[durnevdanya]

Есть сайт, сверстал на бутстрапе, на пк и ноутбуке все выглядит прекрасно, но на мобилках шрифт маленький и не удобно читать, как исправить, прописывать @media для всего?

P.S Даже если просто стягивать окно браузера пк до примерного размера телефона, то все ввглядит норм

Comments

[Ярослав Иванов]

Не хорошо врать про бутстрап.

[Ярослав Иванов]

Статичная верстка с враппером.

Answer 1

[durnevdanya]

Господи, да тут вот это нужно добавить, и все! Все работает!

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

Answer 2

[Алексей Скляров]

Да, используете такие конструкции, в них переопределяете классы:

@media only screen and (max-width : 767px) {
 .home {color:#fff}
}

Данный код будет работать на девайсах с шириной экрана до 767px

Comments

[durnevdanya]

А зачем писать only screen?

Answer 3

[holymotion]

Используйте - em

Answer 4

[Nevada18]

да
и если позволите замечание - нет эффектов наведения на пункты меню, кнопках выбора тарифного плана и кнопки подписки

Comments

[durnevdanya]

Хорошо, добавлю ;)