Вы находитесь здесь:jQuery»Плагины jQuery

liFontResponsive - jQuery Font Responsive или адаптивный текст на jQuery

Плагин liFontResponsive адаптирует размер шрифта под ширину окна браузера.

Например ваш макет нарисован шириной 1920px и в нем есть заголвки размером шрифта 40px. Плюс ваш сайт должен быть адаптивным.
Обычно в таких случаях для адоптивности текстовых блоков используют @media-запросы, но используя плагин «liFontResponsive» @media-запросы вам не нужны.
Вы устанавливаете вашим блокам тот размер шрифта который прописан в дизайне и при инициализации задаете ширину, актуальную для данного размера шрифта.

А для того чтобы размер шрифта не уменьшался до нечитабельного размера используем параметры "minwidth" или "minsize".
Для удобства эти параметры можно задавать через атрибуты прямо в текстовом блоке

Ниже находится пример:

Онлайн-конструктор українського орнаменту

Чем вы можете помочь?

1. Разместить ссылку на своем сайте
Если вы ведете блог или у вас есть сайт - поставьте ссылку на www.masscode.ru. Скопируйте этот код:

<a href="http://masscode.ru" title="Плагины, сниппеты и пользовательские скрипты на jquery" target="_blank">Плагины, сниппеты и пользовательские скрипты на jquery</a>

2. Поддержать проект финансово
Вы можете сделать добровольное пожертвование

AUH: U878157792792
USD: Z821422743261
RUB: R360648948582
EUR: E298388086680

Свежие материалы

Последние коментарии

Вы находитесь здесь:   ГлавнаяjQueryПоказать содержимое по тегу: Responsive Text Size