Размер шрифта CSS относительно родителя

В CSS есть размерный размерный размер, который позволяет мне указывать размеры относительно родительского элемента;Размер шрифта CSS относительно родителя

vw и vh, например, относительно ширины и высоты видового экрана соответственно.

Я хочу родительский относительный размер для отзывчивого дизайна. Скажем, например, мой родительский элемент равен 400px, я хочу, чтобы мой текст был половиной этой ширины, но я не уверен, могу ли я это указать - или даже если такая функция будет широко поддерживаться.

источник

2015-07-16 series0ne

Для этого вам понадобится Javascript. – Nit

, если вы будете искать вокруг SO, вы увидите много результатов, но нет чистого решения CSS AFAIK, возможно, чтобы использовать единицы просмотра для всех. Сторона примечания, размер шрифта: 200 пикселей не означает, что высота 200 пикселей. – Stickers

Просто используйте значение размера шрифта, равное em вместо px или pt. Например, если у вас есть div с шириной и высотой 400 пикселей, используйте размер шрифта: XXem (где xx - числовое значение). Кроме того, вы также можете добавить% в свой размер шрифта.

источник

2015-07-17 20:42:49

Но это не отзывчивый размер. Что происходит, когда ваш div составляет 50% ширины окна просмотра? – series0ne

Тогда может быть целесообразно использовать значения em, чтобы объявить, что размер шрифта является только частью ширины%. –

Можете ли вы привести пример этого? – series0ne

Размер шрифта CSS относительно родителя

ответ

Смежные вопросы