砍敺 media 2014-12-10 19:08 蝺刻摩 % H% m; L. f* p9 G1 |
' ~0 {3 }* T: H3 Z
餈甫avascript閬蝒憭批嚗唬閬賢函⊥菜葫銝撖祇憿敺靘曉唬畾菟畾萇撘蝣潘嗥冽潮曉之銝阡*蝷箸澆臭葉憭桐蝵格撣豢具
: e% o: m/ U( ? L, }/ f* U; g/ ?- <script type="text/javascript">7 m" r+ Q$ K, Q' R4 [/ e
- <!--
; K# T4 O9 r3 P* B, U* I% Z
. U3 P! T- Q J# i- var viewportwidth;0 @1 Z9 z* i& u# N$ W
- var viewportheight;5 Z- I- t6 _9 E# ~+ u
- : U) F; K; B% j. L6 t- w
- // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight; K2 R" D) m5 ]3 E
-
- N& O, f6 m# g8 U- g - if (typeof window.innerWidth != 'undefined')
8 y1 N: b& c2 e$ v+ P4 T - {' m# K7 I/ Q0 f* }' a. s
- viewportwidth = window.innerWidth,# i% y7 L7 x! L! v
- viewportheight = window.innerHeight8 r4 n6 Y! X% Q2 u3 F7 F- P- s
- }; |" H+ {6 C$ I) E& O# k3 l( \3 I" `
- 0 Q" l9 k. y" [1 q1 R: E
- // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document). a. o1 B% y* C; C0 ?6 x. x5 E
) T `3 S, M, o* i- else if (typeof document.documentElement != 'undefined'
9 C+ O: i0 _% Z- Q5 F - && typeof document.documentElement.clientWidth !=1 f$ q$ q4 ?0 O/ w) C9 n
- 'undefined' && document.documentElement.clientWidth != 0)
/ T' D2 S$ J% [. x - {
2 v' u, D% `0 g( J - viewportwidth = document.documentElement.clientWidth,
/ t! ?! G; {6 T& j) ~, \ - viewportheight = document.documentElement.clientHeight; W( q- X2 C: u: U
- }
! A! @: V Y+ A6 R0 ^6 G - 9 [! Q+ Q5 I8 A8 t4 @
- // older versions of IE
7 E% ^( U" b* S. ? -
& y: K& N$ S& F6 I2 R8 O4 f - else1 G7 Q, p- l* D5 d* p5 P
- {
m1 N( R1 y, f! v8 n, t' J2 k - viewportwidth = document.getElementsByTagName('body')[0].clientWidth,+ t: V; I' K: e6 e, X
- viewportheight = document.getElementsByTagName('body')[0].clientHeight
8 {; e/ c7 ?, ^/ y# e - }8 D+ S! z+ n `" v3 ?1 O
- document.write('<p>Your viewport width is '+viewportwidth+'x'+viewportheight+'</p>');
* @3 @$ Q, X* y5 v% `( u - //-->4 a/ E. o. k t/ b g4 O
- </script>
銴鋆賭誨蝣 蝯: 狂oogle chrome 憿舐內蝯* W9 F5 F8 _2 t, y
2 m1 Z' W1 y1 z' G5 c
3 O7 ~; H# p% g# E* m' \靘皞: Get viewport size (width and height) with javascript) K$ M" F/ _0 p& E0 J2 B' t
3 A1 e4 \2 y, R0 W+ Y) W1 |
) l3 l( i0 X1 n |
|