Как сверстать букву во всю высоту блока авто-высоты?
Всем привет!
В макете на разных страницах баннеры, на которых в виде декоративного элемента первая буква названия услуги. Баннер везде зависит от размера содержимого. А буква должна всегда быть в 100% высоты!
Пробую делать с псевдо-элементом, но никак не могу понять, как подстроить размер шрифта буквы.
Пробовала определять высоту блока с помощью .height(), чтобы потом что-то с этим придумать, но почему-то высота определяется неправильно - может, из-за паддингов и марджинов... в общем, help!
Сделать такое на CSS не получится, можно на JS, но овчинка не стоит выделки, поэтому делайте картинкой и не парьтесь.
Дизайнер придумал, пусть теперь рисует буковки под каждый слайд.
Sergei Nazarenko Это обычное решение в адаптивной верстке. У автора другая ситуация. Представьте два баннера с разной высотой, буква должна под неё подстраиваться. Я накидал пример на SVG, буква реагирует на высоту контейнера но точно подогнать её под края геморно. Куча нюансов накладывается. Поэтому выкладывать не буду )
Средний
