Форум русской поддержки Joomla!® CMS
09.12.2016, 23:25:08 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

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

 (Прочитано 195 раз)
0 Пользователей и 1 Гость смотрят эту тему.
beliyadm
Профи
********

Репутация: +1566/-61
Offline Offline

Пол: Мужской
Сообщений: 8110


Севастополь == Россия


« : 04.09.2016, 14:20:46 »

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

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

Считают количество букв (заранее зная, что этим шрифтом влазит в строку столько-то) и если больше уменьшают? Или как-то по другому?
« Последнее редактирование: 04.09.2016, 14:27:24 от beliyadm » Записан
effrit
Группа развития
*****

Репутация: +733/-7
Offline Offline

Пол: Мужской
Сообщений: 6824


effrit.com


« Ответ #1 : 04.09.2016, 15:58:13 »

ну пример какой-то скучный и да - не на JS, по ходу, т.к. динамическое добавление текста ничего не меняет.
фактически имеем пару php строк с условием
если_не_мобильная, то
если длинна текста > n, добавить класс
Записан
beliyadm
Профи
********

Репутация: +1566/-61
Offline Offline

Пол: Мужской
Сообщений: 8110


Севастополь == Россия


« Ответ #2 : 04.09.2016, 16:01:45 »


если длинна текста > n, добавить класс
Ну я так и подумал, кто-нибудь применял подобное? Есть ли смысл в данном хаке? Мне кажется удобное решение для выстраивание сетки, если каждый блок фикс по высоте.
Записан
effrit
Группа развития
*****

Репутация: +733/-7
Offline Offline

Пол: Мужской
Сообщений: 6824


effrit.com


« Ответ #3 : 04.09.2016, 16:06:59 »

ну для блога или для модуля чего бы не написать?
но, имхо, интереснее сделать универсальное и на js.

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

Репутация: +733/-7
Offline Offline

Пол: Мужской
Сообщений: 6824


effrit.com


« Ответ #4 : 04.09.2016, 18:35:01 »

кстати, реализуется легко даже силами одного чайника )).
сравниваем высоту контейнера (фиксированная) и высоту дочернего блока (плавающая) и дописываем класс.
https://jsfiddle.net/effrit/2m8s6ebg/4/
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet