Diskuze: Zjisteni rozmeru obrazovky

V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.

Absolvováno

Označit lekci jako neabsolvovanou

Pokračovat ve výuce

Jak se ti líbí článek?

Před uložením hodnocení, popiš prosím autorovi, co je špatněZnaků 0 z 50-500

Jak se ti kurz líbí?

Tvé hodnocení kurzuZnaků 0 z 50-500

Aktivity

pokusnicek

Člen

pokusnicek: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

David Hynek

Tvůrce

David Hynek:18.12.2018 20:57

https://www.w3schools.com/jsref/tryit.asp?…

Nahoru Odpovědět

-1

18.12.2018 20:57

Čím víc vím, tím víc věcí nevím.

Šimon Raichl

Tvůrce

Š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

Peter Mlich

Člen

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

19.12.2018 8:14

Naučíme tě pracovat na home-office.

Zjistit více...

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.

Nejčastěji vyhledáváné

Diskuze: Zjisteni rozmeru obrazovky