Новости Joomla

Русская локализация для Joomla 5.3.4Вышла официальная русская локализация Joomla 5.3.4

Вышли релизы безопасности Joomla 5.3.4 и Joomla 4.4

⚠️ Вышли релизы безопасности Joomla 5.3.4 и Joomla 4.4.14 🚀Проект Joomla спешит сообщить о выпуске Joomla 5.3.4 и Joomla 4.4.14. Это релиз безопасности для серии Joomla 5.3 и релиз безопасности для серии Joomla 4.4.Исправления безопасности[20250901] – Ядро – Недостаточная фильтрация содержимого в коде фильтра checkAttribute[20250902] – Ядро – Возможность перебора пользователей в методе аутентификации с использованием passkeyКроме этого множество улучшений и исправлений.https://joomlaportal.ru/news/release-news/vyshli-relizy-bezopasnosti-joomla-5-3-4-i-joomla-4-4-14

Вышли релизы безопасности Joomla 5.3.4 и Joomla 4.4.14

Релиз безопасности Joomla 5.3.4

Проект Joomla спешит сообщить о выпуске Joomla 5.3.4 и Joomla 4.4.14. Это релиз безопасности для серии Joomla 5.3 и релиз безопасности для серии Joomla 4.4.

1   Вниз
0 Пользователей и 1 Гость просматривают эту тему.
  • 7 Ответов
  • 6290 Просмотров
*

Konstantin124

  • Захожу иногда
  • 59
  • 1 / 0
Как сделать адаптивный шрифт?
« : 20.03.2014, 17:31:14 »
Всем доброго времени суток!

Пытаюсь сделать адаптивный шаблон на 3-м бутстрапе. Как сделать, чтобы с уменьшением разрешения пропорционально уменьшался размер шрифта, типа как img-responsive?

Пытался использовать rem:
Спойлер
[свернуть]

Прописал h1-h6 в rem, закомментил везде font-size в пикселах. Нифига не работает, нету адаптивности ни в одном браузере.

Как можно решить эту проблему, не используя javascript? И не предусмотрено ли решение в самом бутстрапе, которое я просто не понял? Вроде бы там h1-h6 в дробях от базового размера вычисляются? Тогда почему у меня в скачанном после кастомизации CSS весь font-size в пикселах?

Прошу помощи уважаемого сообщества. Очень некрасиво, когда надписи сайдбара залезают на контент. Шаблон показать не могу - он на локалке. Всем ответившим спасибо.
« Последнее редактирование: 20.03.2014, 17:40:46 от Konstantin124 »
Записан
*

ShfVD

  • Давно я тут
  • 871
  • 65 / 0
Re: Как сделать адаптивный шрифт?
« Ответ #1 : 20.03.2014, 18:57:43 »
Путь верный, только чтщ это за единицы такие  rem ?
em, px знаю (http://htmlbook.ru/css/font-size)
Переопределяйте через медиазапросы @media  h1 h6 в пикселях,
только учитывайте расположение и специфичность переопределения
Все должно работать
Записан
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Как сделать адаптивный шрифт?
« Ответ #2 : 20.03.2014, 18:59:53 »
em наверное?
Записан
*

Konstantin124

  • Захожу иногда
  • 59
  • 1 / 0
Re: Как сделать адаптивный шрифт?
« Ответ #3 : 20.03.2014, 19:26:19 »
Цитата: ShfVD от 20.03.2014, 18:57:43
Путь верный, только чтщ это за единицы такие  rem ?
Цитата: Shustry от 20.03.2014, 18:59:53
em наверное?

Не, именно rem - Адаптивные размеры шрифтов при помощи REM. Но это не принципиально, готов хоть в попугаях их указывать, только бы заработало.

Цитата: ShfVD от 20.03.2014, 18:57:43
Переопределяйте через медиазапросы @media  h1 h6 в пикселях, только учитывайте расположение и специфичность переопределения
Все должно работать

Понял, спасибо большое! А если мне потом отдельные шрифты как-то погибче изменить надо будет, в каких единицах их описывать, в процентах? 
Записан
*

Olg

  • Завсегдатай
  • 1182
  • 90 / 2
Re: Как сделать адаптивный шрифт?
« Ответ #4 : 20.03.2014, 19:47:40 »
Указание размера шрифта в rem нормально работает. Может быть вы в css-файле где-то потом переопределяете размер шрифта?
Записан
*

Konstantin124

  • Захожу иногда
  • 59
  • 1 / 0
Re: Как сделать адаптивный шрифт?
« Ответ #5 : 20.03.2014, 20:13:00 »
Цитата: Olg от 20.03.2014, 19:47:40
Указание размера шрифта в rem нормально работает. Может быть вы в css-файле где-то потом переопределяете размер шрифта?

Да в том-то и дело, что 10 раз проверил. Нигде. Вообще фонт-сайзы все поудалял, кроме медиазапросов. Не работает. Все браузеры последние.
Записан
*

Olg

  • Завсегдатай
  • 1182
  • 90 / 2
Re: Как сделать адаптивный шрифт?
« Ответ #6 : 20.03.2014, 20:43:59 »
У вас последнее условие "перебивает" все предыдущие, поэтому и ничего не работает.
Попробуйте простой код и посмотрите результат.
Код
html {
	font-size: 100%;
}
body {
	font-size: 1rem; /*для широких экранов (и по умолчанию)*/
}
@media screen and (max-width: 992px) {
body {
	font-size: 1.5rem;
}
}
@media screen and (max-width: 767px) {
body {
	font-size: 2rem;
}
}
Записан
*

Konstantin124

  • Захожу иногда
  • 59
  • 1 / 0
Как сделать адаптивный шрифт?
« Ответ #7 : 21.03.2014, 17:02:31 »
Цитата: Olg от 20.03.2014, 20:43:59
У вас последнее условие "перебивает" все предыдущие, поэтому и ничего не работает.
Ура, заработало! Спасибо тебе, добрый человек! Не зря мне мой код не нравился :)
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как убрать tooltip в регистрации в Joomla 3?

Автор KoloS

 Ответов: 13
Просмотров: 8569 		Последний ответ 24.08.2021, 19:00:51
от coolplaymaster
Шаблон VTEM CLEAN (не работает с русскими буквами) - ?

Автор warlocksp

 Ответов: 6
Просмотров: 1339 		Последний ответ 15.10.2018, 17:59:59
от Frost68
Как вывести alt для изображения в карточке?

Автор Anna01

 Ответов: 6
Просмотров: 1921 		Последний ответ 24.04.2017, 12:04:22
от Anna01
Стили пагинации в Helix 3

Автор stepan39

 Ответов: 0
Просмотров: 1300 		Последний ответ 30.03.2017, 12:30:13
от stepan39
При увелечении масштаба исчезает модуль

Автор Egordj

 Ответов: 0
Просмотров: 1004 		Последний ответ 08.02.2017, 20:56:41
от Egordj