Diskuze: Nastavenie stránky na ležato pre mobil

Libor Šimo (libcosenior)

Redaktor

Libor Šimo (libcosenior):10. února 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. února 17:59

Aj tisícmíľová cesta musí začať jednoduchým krokom.

Peter Mlich

Člen

Peter Mlich:11. února 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 +2 11. února 8:13

Vyhodit desetitisíce za IT školení?! Naše prezenční výuka je od 1.999 Kč!

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.