Как сделать размер шрифта в таблице адаптивным?

Question

Теперь у меня есть форма, и количество слов в ней другое. Теперь предположим, что размер таблицы не изменяется, и я хочу, чтобы размер шрифта в таблице изменялся вместе с количеством слов. , чем больше слов, тем меньше шрифт и последние слова, тем крупнее передняя часть. Подскажите, пожалуйста, как этого добиться?

Answer 1

Может быть лучший способ сделать это, но вы можете использовать javascript. Пример ниже:

var allTDs = document.querySelectorAll('td');

for (i=0; i<allTDs.length; i++){

    var tdLength = allTDs[i].innerText.length;

    if (tdLength<=100){
        allTDs[i].style.fontSize="large";
    } else if (tdLength>100 && tdLength<=200){
        allTDs[i].style.fontSize="medium";
    } else if (tdLength>200 && tdLength<=400){
        allTDs[i].style.fontSize="small";
    } else if (tdLength>400){
        allTDs[i].style.fontSize="x-small";
    };
};

Примечание. В этом примере подсчитывается количество символов в innerText вместо количества слов. Вместо этого вы можете изменить его для подсчета слов - один из способов получить приблизительный подсчет слов - это фактически подсчитать пробелы "" в innerText:

var tdLength = allTDs[i].innerText.split(" ").length;