css резиновый размер шрифта

Скажите, можно ли сделать шрифт на сайте резиновым — размер которого будет изменяться в зависимости от изменения размеров браузера?

1 ответ 1

Да, можно. Даже без вмешательства javascript. Вот так:

Обязательно прочитайте вот эту статью:

Browser Support
IE 9+, Firefox 19+, Chrome 20+, Safari 6+, Opera 23+

Всё ещё ищете ответ? Посмотрите другие вопросы с метками шрифты css или задайте свой вопрос.

Связанные

Похожие

Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.

дизайн сайта / логотип © 2019 Stack Exchange Inc; пользовательское содержимое попадает под действие лицензии cc by-sa 4.0 с указанием ссылки на источник. rev 2019.11.15.35459

Вечер добрый, коллеги! Есть у нас компонент рейтинга. У него есть «лычки» (под каждой звездой), также есть префикс (слева) и постфикс (справа).

Вопрос: как хитро написать стили, чтобы увеличивать-уменьшать размер звездочек (в проекте, естественно, иконочный шрифт вместо *) в зависимости от ширины экрана и количества звезд?

Как сделать резиновый размер шрифта в CSS?

Почти у каждого верстальщика возникал вопрос о том как сделать резиновый размер шрифта (не используя @media).

CSS3 имеет несколько новых вкусняшек для изменения размеров в зависимости от размера окна браузера.

Заинтересовал?

  • 1vw = 1 % ширины окна,
  • 1vh = 1 % от высоты окна,
  • 1vmin = 1vw или 1vh , в зависимости от того меньше
  • 1vmax = 1vw или 1vh , в зависимости от того , больше.
Оцените статью