增加可读性

xjchenhao · xjchenhao · commit bfb1728601a8 · 2015-07-01T20:05:20.000+08:00
diff --git a/mobileAdaptive/03/index.html b/mobileAdaptive/03/index.html
@@ -6,6 +6,20 @@
     <title>zoom放大</title>
     <link rel="stylesheet" href="style.css"/>
     <style id="_zoom"></style>
+    <script>
+        var deviceWidth = 0,    // 设备宽度
+                zoomScale = 0,  // 缩放比例
+                elHead = 0,    // head节点
+                elZoomStyle = document.getElementById("zoomScale"), // zoom样式节点
+                scaleChange = function () { // 设备比例发生改变时触发函数
+                    deviceWidth = document.documentElement.clientWidth || document.body.clientWidth;
+                    zoomScale = deviceWidth / 640;
+                    elZoomStyle.innerHTML = ".zoom {zoom:" + zoomScale + ";-webkit-text-size-adjust:auto!important;}";
+                };
+        elZoomStyle || (elHead = document.getElementsByTagName("head")[0], elZoomStyle = document.createElement("style"), elHead.appendChild(elZoomStyle));
+        scaleChange();
+        window.addEventListener("resize", scaleChange, false);
+    </script>
 </head>
 <body class="zoom">
 <div class="viewport">
@@ -26,19 +40,5 @@
         </div>
     </div>
 </div>
-<script>
-    (function(){
-        var _w,_zoom,_hd, _orientationChange,_doc = document,__style = _doc.getElementById("_zoom");
-        __style || (_hd = _doc.getElementsByTagName("head")[0],__style=_doc.createElement("style"),_hd.appendChild(_style));
-        _orientationChange = function(){
-            _w    = _doc.documentElement.clientWidth || _doc.body.clientWidth;
-            _zoom = _w / 640;
-            __style.innerHTML = ".zoom {zoom:" + _zoom + ";-webkit-text-size-adjust:auto!important;}";
-        };
-        __style.setAttribute("zoom",_zoom);
-        _orientationChange();
-        window.addEventListener("resize",_orientationChange,false);
-    })();
-</script>
 </body>
 </html>
