Python týden Geek tričko zdarma
Tričko zdarma! Stačí před dobitím bodů použít kód TRIKO15. Více informací zde
Pouze tento sleva až 80% na kurzy Python

Diskuze: Zjisteni rozmeru obrazovky

Aktivity (2)
Avatar
Kejmou
Člen
Avatar
Kejmou:18.12.2018 20:35

Mam dotaz zda lze pres JS zjistit aktualni rozmery obrazovky?

Chci docílit: Snazim se, aby rozmery obrazovky reagovali na zmenu velikosti okna.

 
Odpovědět 18.12.2018 20:35
Avatar
David Hynek
Redaktor
Avatar
Nahoru Odpovědět  -1 18.12.2018 20:57
Čím víc vím, tím víc věcí nevím.
Avatar
Šimon Raichl
Překladatel
Avatar
Odpovídá na Kejmou
Šimon Raichl:18.12.2018 21:33

Pokud chces checkovat dynamicky zmenu velikosti okna, pak muzes pouzit onresize event

window.addEventListener("resize", () => {
    let w = window.innerWidth;
    let h = window.innerHeight;
    console.log(`sirka: ${w}\nvyska: ${h}`);
});
 
Nahoru Odpovědět  -1 18.12.2018 21:33
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:19.12.2018 8:14

A neslo by to resit pres css3? Tam lze nastavit styly v zavislosti min-sirce konkretniho divu.
https://www.jakpsatweb.cz/css/media.html

@media (min-width: 600px) {
    div {width: 100%;}
}
@media (min-width: 900px) {
    div {width: 50%;} /*2 sloupce pri floatovani divu */
}
@media (min-width: 1400px) {
    div {width: 33.3%;} /*3 sloupce pri floatovani divu */
}
 
Nahoru Odpovědět  ±0 19.12.2018 8:14
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 4 zpráv z 4.