Шрифты на резиновом шаблоне

262
07 марта 2017, 13:51

Добрый вечер. Верстаю резиновый шаблон и возникли неожиданные трудности с шрифтами. А именно, то что все уезжает из-за размером шрифтом при уменьшении экрана. Вот сам макет -

Может можно как-то сделать так, чтобы шрифты уменьшались с размером экрана? Хотя бы чтобы до 1024px все было резиновое, дальше адаптивом сделаю.

Answer 1

Вариант 1: использование @media

Вы можете добавить новое правило для размера шрифтов через @media:

@media (max-width 845px) {
    font-size: 12px;
}

Вариант 2: использование единиц vh и vw

Также вы можете задавать размер шрифтов через единицы vh и vw, которые вычисляются относительно размера viewport:

font-size: 12vh;
READ ALSO
Некорректно работают виджеты VK API на wix.com

Некорректно работают виджеты VK API на wix.com

Попытался встроить, вставив в блок "html" виджет сообщества, вышло следующее: (не полностью + "прогрузка" длится вечно)

298
Анимация динамичной высоты блока

Анимация динамичной высоты блока

Добрый деньЕсть скрытый блок, который открывается по кнопке, нужно что бы анимация была плавной по высоте этого блока, использовал как css3 так...

266
Обработка событий в datalist

Обработка событий в datalist

Доброго времени сутокСтолкнулся с такой проблемой

347
Как поменять блоки местами при каждом четном элементе?

Как поменять блоки местами при каждом четном элементе?

На сайте реализована выдача товаров из БД, где есть картинка, имя и описаниеВсе в одном блоке: картинка с левой стороны, а имя и описание с правой...

337