Jak zistit rozměry stránky?

1) Rozlišení uživatele
Hodnota vždy vrátí rozměr monitoru bez ohledu na to zda máte okno prohlížeče jakkoliv zmenšeno.
- šířka obrazovky:
screen.width
- výška obrazovky:
screen.height

2) Rozměry viewportu
Toto je přímo rozměr okna prohlížeče. Ten ovlivňují jak různé roletky webu, přídavné panely tak i zmenšení/zvětšení okna samotného.
- šířka viewportu:
document.documentElement.clientWidth
- výška viewportu:
document.documentElement.clientHeight

3) Velikost celé stránky
Toto umí vráti hodnoty velikosti daného bloku ikdyž je daná hodnota vyšší jak velikost obrazovky.
- šířka stránky:
document.documentElement.offsetWidth
- výška stránky:
document.documentElement.offsetHeight

4) Velikost daného bloku
- šířka prvku
id_mereneho_prvku.offsetWidth
- výška prvku
id_mereneho_prvku.offsetHeight


Vše má své alternativy i v jQuery, ale ty již není problém dohledat pokud by byly potřebné.

<< zpět