C# týden C# týden
Pořádné programy s pořádnou klávesnicí zdarma. Více zde
Pouze tento týden sleva až 80 % na C# .NET

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

HTML a CSS HTML a CSS Nastavenie stránky na ležato pre mobil American English version English version

Aktivity (1)
Avatar
Libor Šimo (libcosenior)
Redaktor
Avatar
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.
Avatar
Peter Mlich
Člen
Avatar
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
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.