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

Odpowiedz Nowy wątek
2019-02-23 09:59
0

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

Pozostało 580 znaków

2019-02-23 10:34
0

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?


That game of life is hard to play
I'm gonna lose it anyway
The losing card I'll someday lay
So this is all I have to say

Pozostało 580 znaków

2019-02-23 10:51

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ą.

edytowany 1x, ostatnio: spartanPAGE, 2019-02-23 10:52

Pozostało 580 znaków

2019-02-23 10:56
4

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[...]ewport-units-vw-vh-vmin-vmax/

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


((0b10*0b11*(0b10**0b101-0b10)**0b10+0b110)**0b10+(100-1)**0b10+0x10-1).toString(0b10**0b101+0b100);
edytowany 1x, ostatnio: LukeJL, 2019-02-23 10:56

Pozostało 580 znaków

2019-02-24 19:06
0
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[...]ewport-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!

edytowany 1x, ostatnio: victos, 2019-02-25 08:40

Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0