NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
Avatar
Libor Šimo (libcosenior)
Tvůrce
Avatar
Libor Šimo (libcosenior):10.2.2019 17:59

Poradí niekto?

Zkusil jsem: Ahoj, niekde som to tu videl, ale nepodarilo sa mi to nájsť.
Bol to riadok v <head></head>.

Chci docílit: Rád by som nastavil stránku tak, aby sa na mobile otvorila vynútene na ležato.

Odpovědět
10.2.2019 17:59
Aj tisícmíľová cesta musí začať jednoduchým krokom.
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:11.2.2019 8:13

google = open page 90 degree on mobile

@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
  html {
    transform: rotate(-90deg);
    transform-origin: left top;
    width: 100vh;
    overflow-x: hidden;
    position: absolute;
    top: 100%;
    left: 0;
  }
}
---
@media (orientation: portrait) {
.playfield { display: block; }
.overlay { display: none; }
}
@media (orientation: landscape) {
.playfield { display: none; }
.overlay { display: block; }
}

https://css-tricks.com/…tation-lock/
https://www.creativebloq.com/…l5-101517371
google = page 90 degree on mobile

 
Nahoru Odpovědět
11.2.2019 8:13
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 2 zpráv z 2.