Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Kakosik
@Kakosik
HTML
CSS
Как привязать размер шрифта к ширине блока в котором он находится?
Как привязать размер шрифта к ширине блока в котором он находится?
Что бы когда блок уменьшается или увеличивается менялся и размер шрифта.
Вопрос задан
более трёх лет назад
108 просмотров
Комментировать
Подписаться
1
Простой
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
3
Rsa97
@Rsa97
Для правильного вопроса надо знать половину ответа
Указать размер шрифта в vw.
Ответ написан
более трёх лет назад
3
комментария
Нравится
3
комментария
Facebook
Вконтакте
Twitter
Kakosik
@Kakosik
Автор вопроса
Оно привязывается к ширине окна браузера, а мне нужно к блоку в котором находится текст
Написано
более трёх лет назад
Ankhena
@Ankhena
Куратор тега CSS
Kakosik
, так посчитайте какой процент занимает блок от ширины экрана и уменьшите на этот коэффициент размер шрифта
Написано
более трёх лет назад
Kakosik
@Kakosik
Автор вопроса
Если прописывать размер шрифта в процентах, то он почему то остается статичным
Написано
более трёх лет назад
ReActor Дмитрий Вершанский
@HunteR-VRX
Помешанный на развитии
media-queries
Ответ написан
более трёх лет назад
2
комментария
Нравится
2
комментария
Facebook
Вконтакте
Twitter
Kakosik
@Kakosik
Автор вопроса
Хочется сделать полностью резиновую верстку , а не прописывать под каждый экран свои свойства
Написано
более трёх лет назад
ReActor Дмитрий Вершанский
@HunteR-VRX
Kakosik
, тогда ваш выбор - FitText.js
Написано
более трёх лет назад
Ankhena
@Ankhena
Куратор тега CSS
Нежно люблю верстку
Размер шрифта в vw
, пример:
https://jsfiddle.net/exLz5vk0/
Если ширина блока не в % от ширины экрана, а изменяется более сложным образом, то придется к этому еще использовать
@media
или js.
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
HTML
+1 ещё
Простой
Как сделать соединение точек на сайте линиями?
1 подписчик
14 часов назад
80 просмотров
1
ответ
CSS
Простой
Как изменить цвета текста, который поверх картинки?
1 подписчик
15 часов назад
52 просмотра
1
ответ
HTML
+1 ещё
Простой
Как для рассылки сделать аналог flex-direction + justify-content?
1 подписчик
18 часов назад
44 просмотра
1
ответ
JavaScript
+4 ещё
Средний
Как переопределить rem для Shadow DOM?
1 подписчик
вчера
88 просмотров
1
ответ
HTML
+1 ещё
Простой
Почему скаченный шрифт не подключается?
1 подписчик
вчера
122 просмотра
2
ответа
HTML
Простой
Есть интересные ресурсы с HTML-сниппетами?
3 подписчика
11 апр.
1498 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Возможно ли в реализации прямой ссылки для перехода в приложение из браузера?
1 подписчик
10 апр.
208 просмотров
2
ответа
HTML
+1 ещё
Простой
Почему Pycharm не видит картинки?
1 подписчик
10 апр.
135 просмотров
1
ответ
CSS
+1 ещё
Средний
Почему не работает yuicompressor В PHP Storm?
нет подписчиков
09 апр.
322 просмотра
1
ответ
CSS
Простой
Как коректно получить бордер? Чтобы не делать его svg?
1 подписчик
08 апр.
156 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Специалист технической поддержки
Teachbase
•
Красноярск
До 55 000 ₽
Тестировщик программного обеспечения
Глобал Консалтинг
от 53 000 ₽
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама