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
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:
- screen.width. Specifică lățimea ecranului (monitor).
- screen.height. Specifică înălțimea ecranului (monitor).
- document.body.clientWidth. Specifică lățimea browser-ului.
- document.body.clientHeight. Specifică înălțimea browser-ului.
- $ (Fereastră) .width (). Specifică lățimea browser-ului, dar numai în cazul în care există jQuery.
- $ (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!