Текст телефона маленький, когда вертикальный, большой, когда горизонтальный ⇐ CSS

[Anonymous]

Я попробовал несколько вещей, но проблема сохраняется. Когда мой телефон (Galaxy A52) вертикаль, весь отпечаток слишком мал. Когда он горизонталь, текст большой (размер, который я хочу). < /P>
Как я могу контролировать размер шрифта?body {
font-size: 165%;
background-color: rgb(221, 236, 236);
}
@media only screen and (orientation: landscape) {
body {
font-size: 165%;
/* background-color: rgb(221, 236, 236);*/
}
}

After working with ChatGPT for an hour+, I ended up with this that works moderately well:
body {
font-size: 18px; /* fallback baseline */
background-color: rgb(221, 236, 236);
margin: 0;
padding: 1em;
}

/* Portrait mode: large, readable text */
@media screen and (orientation: portrait) {
body {
font-size: 100%;
}
}

/* Landscape mode: slightly smaller */
@media screen and (orientation: landscape) {
body {
font-size: 130%;
}
}


Подробнее здесь: https://stackoverflow.com/questions/796 ... horizontal