Постараюсь быть краток и изложить всю суть проблемы: Во-первых, насколько я понял данную задачу реализовать с помощью html+css невозможно, и нужно будет прибегнуть к JS. У меня есть форум в котором заголовки на некоторой ширине занимают более двух строк, что для меня это выглядит совершенно неприемлемо.
<div class="list-inner">
<a class="unread" href="./viewtopic.php?t=10&view=unread#unread"><i class="icon fa-circle fa-fw icon-red icon-md" aria-hidden="true"></i></a>
<a href="./viewtopic.php?t=10" class="topictitle">Maximum Topic Title Length 90 Characters Hello People Welcome To Snapchat Chattin Topic XO</a>
^-Код отвечающий за отображение заголовка
Так как в JS я полный 0, хотелось бы получить помощь в написании скрипта, который будет уменьшать шрифт и учитывать следующие условия:
- Применяться скрипт будет на заданной ширине min-width:1198.5px and max-width:1365.5px.
- Если количество символов в заголовке больше 70, то данный заголовок получает новый класс, условно "topictitlemin", которому задается параметр font-size: 1em;
Если не сложно, распишите как можно подробнее, что как и куда, и где какая строчка за что будет отвечать, чтобы у меня было больше понимания как работает JS. Огромное вам спасибо за внимание и помощь!