Black Friday je tu! Využij jedinečnou příležitost a získej až 80 % znalostí navíc zdarma! Více zde
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.
BF extended 2022

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

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