Как пройтись циклом по всем классам css и проверить если ли у них font-size и определить родителя???

Question

[Матвей Тепайкин]

хочу сделать адаптивный текст. циклом пройтись по всем классам, найти все классы с font-size, определить их родителя и если высота или ширина больше родителя, то убавлять размер шрифта на 1px пока размеры блока шрифта больше размеров родителя. как подобное можно реализовать на js, jquery???

Answer 1

[Argentinium]

В css есть метод calc, который полезен как раз когда надо задать адаптивный шрифт, который увеличивается или уменьшается в зависимости от ширины блока.

Answer 2

[WebLedNik]

Вот видео с реализацией адаптивного текста: https://www.youtube.com/watch?v=HJZP5QsrpXs

Comments

[Матвей Тепайкин]

этот метод плохо работает. косяк этого метода появляется при изменении масштаба страницы

Answer 3

[David King]

Это можно реализовать и в css.
Если нужно, чтобы размер текста зависел от ширины родителя, то пиши элементу
font-size: |любое_число|%;
Если нужно, чтобы ширина родителя зависела от размера текста то пиши родителю
weight: |любое число|em;
Если нужно, чтобы был перенос строки, то пиши родителю
word-wrap: break-word;

Comments

[Матвей Тепайкин]

font-size: |любое_число|%; - у меня не рабоает

[Тарас Шульга]

Матвей Тепайкин, покажите, что не так в песочнице, и вам помогут.