Основной курс по Joomla

Размер шрифта для фиксированного блока в зависимости от объема текста

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

beliyadm

  • Профи
  • ********
  • 8359
  • 1527
  • Севастополь == Россия
Читал на днях статью разработчика  kremlin.ru и нашел там интересную фишку
Цитировать
Адаптивные заголовки. Размер шрифта изменяется в зависимости от размера заголовка, чтобы оставаться в нашей сетке.
Пример http://tinyurl.com/gvdrrn2 http://kremlin.ru/multimedia/video

Суть: есть блок заголовка фиксированной высоты, текст может быть разный, одно слово или много - они изменяют размер шрифта в зависимости от его количества, чтобы вписывался в блок.
Судя по коду они к H2 добавляют класс smaller. На уровне JS я не нашел такого хака, значит делают на уровень выше.
Никто с таким не сталкивался? Интересна реализация

Считают количество букв (заранее зная, что этим шрифтом влазит в строку столько-то) и если больше уменьшают? Или как-то по другому?
« Последнее редактирование: 04.09.2016, 15:27:24 от beliyadm »
Все истины, которые я хочу вам изложить, — бесстыдная ложь.
Записки нетрезвого кодера || -=Joomla FAQ=- || -=все плохо=- || skype: beliyadm_pb

*

effrit

  • Группа развития
  • *****
  • 7443
  • 815
  • effrit.com
ну пример какой-то скучный и да - не на JS, по ходу, т.к. динамическое добавление текста ничего не меняет.
фактически имеем пару php строк с условием
если_не_мобильная, то
если длинна текста > n, добавить класс

*

beliyadm

  • Профи
  • ********
  • 8359
  • 1527
  • Севастополь == Россия

если длинна текста > n, добавить класс
Ну я так и подумал, кто-нибудь применял подобное? Есть ли смысл в данном хаке? Мне кажется удобное решение для выстраивание сетки, если каждый блок фикс по высоте.
Все истины, которые я хочу вам изложить, — бесстыдная ложь.
Записки нетрезвого кодера || -=Joomla FAQ=- || -=все плохо=- || skype: beliyadm_pb

*

effrit

  • Группа развития
  • *****
  • 7443
  • 815
  • effrit.com
ну для блога или для модуля чего бы не написать?
но, имхо, интереснее сделать универсальное и на js.

а вообще, думаю, интересная альтернатива выравниванию блоков по высоте, которая обычно применяется, чтобы сетку сдеражать

*

effrit

  • Группа развития
  • *****
  • 7443
  • 815
  • effrit.com
кстати, реализуется легко даже силами одного чайника )).
сравниваем высоту контейнера (фиксированная) и высоту дочернего блока (плавающая) и дописываем класс.
https://jsfiddle.net/effrit/2m8s6ebg/4/