2 DIV obok siebie dla L>H przeglądarki i pod spodem dla L<H

Witam,

Potrzebuję przykład w którym:

• kiedy okno przeglądarki będzie SZERSZE niż WYŻSZE L>H, to 2 DIV będą wyświetlane obok siebie
• kiedy okno przeglądarki będzie WYŻSZE niż SZERSZE L<H, to 2 DIV będą wyświetlane jeden pod drugim

gdzie:
L - szerokość okna przeglądarki
H - wysokość okna przeglądarki

A czy sam coś już zacząłeś w tym kierunku robić? Masz cokolwiek, jakieś próby, którymi możesz się tutaj pochwalić, czy czekasz na gotowca?

Użyj tego do warunkowego określenia styli.

@media screen and (orientation:portrait) { ... }
@media screen and (orientation:landscape) { ... }

Przygotuj style tak, by odpowiadały Ci w wersji "jeden obok drugiego" oraz "jeden pod drugim", a następnie upchnij je w powyższe pod jedną nazwą.

Jeszcze jest taka jednostka jak vmax (coś jak vw i vh, tylko, że o ile vw to 1/100 szerokości, a vh to 1/100 wysokości, to vmax to 1/100 tej długości, która jest większa - w landscape będzie to szerokość, a portrait będzie to wysokość. No adekwatnie mamy vmin - czyli 1/100 mniejszej długości.
https://web-design-weekly.com/2014/11/18/viewport-units-vw-vh-vmin-vmax/

chociaż nie wiem, czy to ci się przyda w tym przypadku.

LukeJL napisał(a):

Jeszcze jest taka jednostka jak vmax (coś jak vw i vh, tylko, że o ile vw to 1/100 szerokości, a vh to 1/100 wysokości, to vmax to 1/100 tej długości, która jest większa - w landscape będzie to szerokość, a portrait będzie to wysokość. No adekwatnie mamy vmin - czyli 1/100 mniejszej długości.
https://web-design-weekly.com/2014/11/18/viewport-units-vw-vh-vmin-vmax/

chociaż nie wiem, czy to ci się przyda w tym przypadku.

Myślę, że to akurat może być mi również przydatne, ale do fontów zdecydowałem się na rem.

Dzięki!