Форум Сайтостроение Веб-строительство

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

G
На сайте с 20.11.2017
Offline
56
Gotheit
1295

Имеется адаптивный сайт, хороший шаблон, но заголовок (h1) выпирает сильно за свои рамки (если длинное название) на мобильных устройствах. Большинство заходит на мобильных, более 50%, поэтому критично!

Вопрос: что и где прописать, чтобы зависимо от размера экрана, размер шрифта (именно заголовок h1!!!!) уменьшался. На планшетных устройствах все норм, проблема именно на смартфонах.

webiumpro
На сайте с 20.03.2017
Offline
39
webiumpro
#1

Пишите медиа-запрос в своих css-файлах. Типа такого:


@media (max-width: 425px) {
.h1_class {
font-size: 24px;
}

Подставьте свои значения

---------- Добавлено 17.12.2017 в 14:43 ----------

А лучше скиньте ссылку, возможно найдутся решения оптимальнее, чем уменьшение шрифта

Копирование лендингов. Разработка на фреймворке сервисов. Создание сайтов (/ru/forum/994418)
G
На сайте с 20.11.2017
Offline
56
Gotheit
#2
webiumpro:
Пишите медиа-запрос в своих css-файлах. Типа такого:
Код:
@media (max-width: 425px) {
.h1_class {
font-size: 24px;
}
Подставьте свои значения

Спасибо за ответ, попробую и отпишусь)

Z0
На сайте с 03.09.2009
Offline
827
ziliboba0213
#3

webiumpro, я через jquery делаю, по старинке :)

Gotheit:
Спасибо за ответ, попробую и отпишусь)

О чем отпишитесь? 🤣

G
На сайте с 20.11.2017
Offline
56
Gotheit
#4
ziliboba0213:
О чем отпишитесь?

о результате

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