Здравствуйте! Есть блок, в котором может быть минимум 1 предложение текста. Блок может иметь любую высоту и ширину.
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
div {
height: 100vh;
padding: 1vh 1vw;
font-size: calc(3vw + 3vh);
line-height: 1.5;
}
<div>
<p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.</p>
</div>
Как растянуть текст на всю высоту(если это возможно на css)? Текста также может быть много, который должен уменьшаться пропорционально взависимости от размера блока.
Варианты на js(jquery)
не предлагайте, т.к решение на js
есть.
Спасибо