У меня есть одна буква с центром на странице. Я хочу, чтобы он был действительно большим (у меня размер шрифта установлен на уровне 2000%!). Как мне реагировать так, чтобы он сидел на всех экранах? По размеру у меня есть прокладка вокруг буквы, это настоящая проблема при изменении размера браузера. Я пытаюсь сделать флеш-карты для детей, чтобы узнать их письма.Как сделать 1 письмо заполнять страницу динамически
Применение viewport units
1vh = 1/100-ой высоты окна просмотра.
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
overflow:hidden;
}
div {
font-size: 99vh;
text-align: center;
line-height: 1;
}<div>A</div>Вы можете использовать vh (Viewport Height), чтобы установить размер шрифта письма и использовать Flex для центрирования его на странице:
т.е. :
<body>
<div style="display: flex;justify-content: center;">
<div style="align-self: center;">
<span style="font-size: 95vh;line-height:1;">L</span>
</div>
</div>
</body>
Надеюсь, это поможет.
Я предлагаю 'vmin' вместо' vh', так как мы не знаем, какая из высоты/ширины самая короткая длина края видового экрана. – Xenos
@Paulie_D, это сработало. Спасибо друг – leonormes