увеличить шрифт для моб версии сайта

12
[Удален]
2644

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

Мне надо увеличить шрифт и больше ничего, чтобы все остальное на сайте осталось таким же как есть. Помогите!

Оптимизайка
На сайте с 11.03.2012
Offline
396
#1

А как у вас определяется, мобильная это версия сайта или нет? По размеру окна? Тогда в css вам нужно добавить что-то типа:

@media screen and (max-device-width: 480px) {

body { font-size: 150%; }

}

⭐ BotGuard (https://botguard.net) ⭐ — защита вашего сайта от вредоносных ботов, воровства контента, клонирования, спама и хакерских атак!
[Удален]
#2
Оптимизайка:
А как у вас определяется, мобильная это версия сайта или нет? По размеру окна? Тогда в css вам нужно добавить что-то типа:

@media screen and (max-device-width: 480px) {
body { font-size: 150%; }
}

это правильно написанный код? Ничего не поменялось при вставке в ксс.

По поводу -как определяется - не знаю. Отображение тоже, что и на компьютере

Оптимизайка
На сайте с 11.03.2012
Offline
396
#3

Ссылку на сайт в студию

[Удален]
#4

извините, не могу предоставить...

---------- Добавлено 05.07.2016 в 23:05 ----------

а это единственный вариант? что может быть не так?

Оптимизайка
На сайте с 11.03.2012
Offline
396
#5
Provizor071:
извините, не могу предоставить..

Тогда ждите телепатов в треде 😂

[Удален]
#6
Оптимизайка:
Тогда ждите телепатов в треде 😂

Установил эту же тему на пробный свой сайт. Вот он:

http://djeysonborn2016.ru/

Здесь такой же шрифт, та же проблема, что он мелкий на мобильном. Что необходимо сделать?

oux
На сайте с 07.02.2010
Offline
83
oux
#7

@media only screen and (min-width: 300px) and (max-width: 480px) {

body {font-size: 18px;}

}

Добавьте код в файл стилей, желательно вниз.

[Удален]
#8
oux:
@media only screen and (min-width: 300px) and (max-width: 480px) {
body {font-size: 18px;}
}

Добавьте код в файл стилей, желательно вниз.

Добавил - ничего не поменялось. Зашел на проверку в developers.google.com, он все также сообщает о маленьком шрифте для мобильных

oux
На сайте с 07.02.2010
Offline
83
oux
#9

Добавил куда? На сайте http://djeysonborn2016.ru/ не вижу изменений в коде.

HJ
На сайте с 14.02.2006
Offline
246
#10

body {font-size: 18px;} - это может перекрываться другими, частными стилями

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий