Cum pentru a determina rezoluția ecranului și dimensiunea ferestrei browser-ului în JavaScript si jQuery, shublog

Ce este? De exemplu, avem un aspect site frumos, care arată toată frumusețea ei numai cu permisiunea, să zicem, 1600 la 1200. De exemplu, el are o pălărie foarte mare frumos. Ce se va întâmpla dacă o persoană va merge la site-ul la o rezolutie

Cum pentru a determina rezoluția ecranului și dimensiunea ferestrei browser-ului în JavaScript si jQuery, shublog
1024 de 768? Da, doar un capac și va fi vizibil. Nu e bine? Poate. Atunci de ce nu fac un astfel de lucru, că la înălțimea capacului browser-ului / ecranului, s-ar reduce și a mers pe meniu, iar restul site-ului? În, asta este.

Și, după ce a fost ales, vom scrie codul, este posibil în antet. În primul rând, un exemplu care se concentrează pe rezoluția ecranului.

A se vedea al doilea exemplu, dar care se va concentra pe rezoluția browser-ului. Tot la fel, metodele s-au schimbat.

Deci, două exemple de o privire de ansamblu - Ce merge Unde să utilizați:

  1. screen.width. Specifică lățimea ecranului (monitor).
  2. screen.height. Specifică înălțimea ecranului (monitor).
  3. document.body.clientWidth. Specifică lățimea browser-ului.
  4. document.body.clientHeight. Specifică înălțimea browser-ului.
  5. $ (Fereastră) .width (). Specifică lățimea browser-ului, dar numai în cazul în care există jQuery.
  6. $ (Fereastră) .height (). Specifică înălțimea browser-ului, dar numai în cazul în care există jQuery.

În mod evident, dacă utilizați jQuery, este de preferat opțiunea 5 în loc de 3, și 6 în loc de 4 - sunt pur și simplu mai scurte. Ei bine - gustul și culoarea.

În ceea ce privește înălțimea și lățimea specifică a înregistrărilor de ecran pentru jQuery - că, într-adevăr, eu nu le cunosc. Ideea este de a fi tipul de design 5-6 linii, dar într-un fel, în practică, nu se confruntă, mi se pare, ei nu sunt. Da, și nu este necesar, screen.width de design destul de scurt, îi lipsește.

Da, există încă $ (Document) .width () - specifică lățimea unui document HTML. Utilizarea în practică - ca ceva îndoielnic. Cine știe - Eu voi fi bucuros dacă distribuiți.

În prezent, totul! Păstrați week-end și masiv du-te la gratar! (Dacă nu ești bolnav cu ceva, unii - Ed.). Mult noroc!

articole similare