Diskuze: window.innerWidth;

JavaScript JavaScript window.innerWidth; American English version English version

Aktivity (1)
Avatar
Alex Russo
Člen
Avatar
Alex Russo:9. srpna 12:08

Proč mi v JS prohlížeč při zápisu

var x = window.innerWidth;
alert(x);

hlásí šířku průhledu 1536?
Mám FHD rozlišení..
Díky..

Zkusil jsem: var x = window.innerWidth;
alert(x);

Chci docílit: Chci přepočítat velikost elementů z px na %;

 
Odpovědět 9. srpna 12:08
Avatar
Šimon Raichl
Redaktor
Avatar
Šimon Raichl:9. srpna 12:53

Mám pocit, že šířku můžeš získat pomocí

document.body.clientWidth

a na procenta to můžeš přepočítat tak, že prostě vydělíš šířku elementu šířkou dokumentu a vynásobíš 100.

 
Nahoru Odpovědět 9. srpna 12:53
Avatar
Alex Russo
Člen
Avatar
Odpovídá na Šimon Raichl
Alex Russo:9. srpna 12:58

Děkuji,
ale vysledné čísla jsou stejné.
Moje šířka by měla být 1920 a ne 1536.
Zajímá mě,proč to tak je?

 
Nahoru Odpovědět 9. srpna 12:58
Avatar
Šimon Raichl
Redaktor
Avatar
Odpovídá na Alex Russo
Šimon Raichl:9. srpna 13:11

Je možný, že body z nějakýho důvodu nemá 100% šířku, zkus se podívat do inspect elementu.

 
Nahoru Odpovědět 9. srpna 13:11
Avatar
Šimon Raichl
Redaktor
Avatar
Odpovídá na Matúš Olejník
Šimon Raichl:9. srpna 13:35

Matúš Olejník, pravda, screen.width jsem chtěl taky napsat, ale myslel jsem si, že to chce přepočítávat taky při změně velikosti okna, což bych očekával. Takže Alex Russo, jak to chceš, chceš to počítat přímo z rozlišení obrazovky, nebo podle viewportu?

 
Nahoru Odpovědět 9. srpna 13:35
Avatar
Alex Russo
Člen
Avatar
Odpovídá na Šimon Raichl
Alex Russo:9. srpna 13:49

Jsem začátečník,začínám se orientovat v JS,CSS 3 a HTML 5.
Zkusil jsem udělat nějaké stánky a tápu v tom,jaké jednotky použít.Mám dvojsloupcový layout,kdy menu mám vlevo a chtěl bych aby se nehýbalo s průhledem. (position:fixed)
Nevím jak docílit toho,aby stránky vypadaly stejně i na menším rozlišení.
Pokud mám u hl.sloupce(margin:0 auto),jak to udělat s menu vlevo.
Úplně by mi stačilo Šimone,kdyby jsi mne navedl na nějaký článek ať Tě neotravuju.
Děkuji...

 
Nahoru Odpovědět 9. srpna 13:49
Avatar
Šimon Raichl
Redaktor
Avatar
Odpovídá na Alex Russo
Šimon Raichl:9. srpna 13:57

V pořádku, co se týče responzivity, tak to není něco složitýho. :) https://www.w3schools.com/…sponsive.asp, jinak pro přepočítávání velikosti elementů na % podle změny velikosti v JS můžeš použít resize event listener https://www.w3schools.com/…onresize.asp. Jinak ale bych být tebou začal s něčím jednodušším. :)

 
Nahoru Odpovědět 9. srpna 13:57
Avatar
Alex Russo
Člen
Avatar
 
Nahoru Odpovědět 9. srpna 13:58
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 9 zpráv z 9.