Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Kakosik
@Kakosik
HTML
CSS
Как привязать размер шрифта к ширине блока в котором он находится?
Как привязать размер шрифта к ширине блока в котором он находится?
Что бы когда блок уменьшается или увеличивается менялся и размер шрифта.
Вопрос задан
более трёх лет назад
106 просмотров
Комментировать
Подписаться
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
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
+2 ещё
Простой
Как сделать так, что бы используя live server у меня не браузер открывался, а справа от самого кода открывалось окно со всем этим?
1 подписчик
30 минут назад
5 просмотров
0
ответов
JavaScript
+1 ещё
Простой
Как получить такой эффект на мобильном?
1 подписчик
7 часов назад
87 просмотров
0
ответов
HTML
+1 ещё
Простой
Как сверстать данную часть header?
1 подписчик
8 часов назад
68 просмотров
0
ответов
HTML
+1 ещё
Простой
Как сделать что бы в меню были вертикальные полосы на всю высоту?
2 подписчика
вчера
178 просмотров
2
ответа
HTML
+1 ещё
Простой
Как лучше реализовать данный блок?
1 подписчик
вчера
84 просмотра
2
ответа
JavaScript
+1 ещё
Простой
Как скрыть/показать элемент с определенным текстом?
2 подписчика
10 мар.
866 просмотров
2
ответа
CSS
Средний
Как победить проблемы с overflow-y: sсroll?
1 подписчик
06 мар.
137 просмотров
2
ответа
JavaScript
+1 ещё
Средний
Сканирование QR в поле input. Как реализовать блокировку нажатия клавиш клавиатуры?
1 подписчик
06 мар.
137 просмотров
2
ответа
HTML
Простой
Можно ли как то заменить button на type="radio" MiniShop2?
1 подписчик
05 мар.
56 просмотров
1
ответ
CSS
Средний
Как решить проблему со смещением макета и подогнать контейнер под размер картинки?
1 подписчик
04 мар.
110 просмотров
2
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Специалист технической поддержки ИТ продукта
inSales
от 60 000 ₽
JavaScript FullStack разработчик
Rocket
•
Смоленск
от 120 000 ₽
Middle Project Manager (внутренние проекты)
FOXIBLE
•
Москва
от 70 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама