j

Application/Home/View/default/Index_index.tpl

@@ -12,35 +12,35 @@
     <meta content="email=no" name="format-detection"/>
     <script type="text/javascript" src="__CDN__/js/jquery-2.1.3.min.js"></script>
     <script type="text/javascript">
-        if (/Android (\d+\.\d+)/.test(navigator.userAgent)) {
-            var version = parseFloat(RegExp.$1);
-            if (version > 2.3) {
-                var phoneScale = parseInt(window.screen.width) / 640;
-                document.write('<meta name="viewport" content="width=640, minimum-scale = ' + phoneScale + ', maximum-scale = ' + phoneScale + ', target-densitydpi=device-dpi">');
-            } else {
-                document.write('<meta name="viewport" content="width=640, target-densitydpi=device-dpi">');
-            }
-        } else {
-            document.write('<meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">');
-        }
+//        if (/Android (\d+\.\d+)/.test(navigator.userAgent)) {
+//            var version = parseFloat(RegExp.$1);
+//            if (version > 2.3) {
+//                var phoneScale = parseInt(window.screen.width) / 640;
+//                document.write('<meta name="viewport" content="width=640, minimum-scale = ' + phoneScale + ', maximum-scale = ' + phoneScale + ', target-densitydpi=device-dpi">');
+//            } else {
+//                document.write('<meta name="viewport" content="width=640, target-densitydpi=device-dpi">');
+//            }
+//        } else {
+//            document.write('<meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">');
+//        }
+
+                (function (doc, win) {
+                    var docEl = doc.documentElement,
+                        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
+                        recalc = function () {
+                            var clientWidth = docEl.clientWidth;
+                            if (!clientWidth) return;
+                            if(clientWidth>=640){
+                                docEl.style.fontSize = '100px';
+                            }else{
+                                docEl.style.fontSize = 100 * (clientWidth / 640) + 'px';
+                            }
+                        };
 
-        //        (function (doc, win) {
-        //            var docEl = doc.documentElement,
-        //                resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
-        //                recalc = function () {
-        //                    var clientWidth = docEl.clientWidth;
-        //                    if (!clientWidth) return;
-        //                    if(clientWidth>=640){
-        //                        docEl.style.fontSize = '100px';
-        //                    }else{
-        //                        docEl.style.fontSize = 100 * (clientWidth / 640) + 'px';
-        //                    }
-        //                };
-        //
-        //            if (!doc.addEventListener) return;
-        //            win.addEventListener(resizeEvt, recalc, false);
-        //            doc.addEventListener('DOMContentLoaded', recalc, false);
-        //        })(document, window);
+                    if (!doc.addEventListener) return;
+                    win.addEventListener(resizeEvt, recalc, false);
+                    doc.addEventListener('DOMContentLoaded', recalc, false);
+                })(document, window);
     </script>
     <title>谁是桃源幸运锦鲤</title>
     <link href="__CDN__/css/main.css?t=1.94" rel="stylesheet">

Public/static/css/main.scss

@@ -196,8 +196,8 @@ ul, li {
 #container {
   position: relative;
   background: url("../images/bj.jpg") no-repeat center;
-  width: 640px;
-  height: 1238px;
+  width: torem(640px);
+  height: torem(1238px);
   .btn-prize {
     @extend .flex;
     justify-content: center;
@@ -208,8 +208,8 @@ ul, li {
   }
   .prize-type {
     position: absolute;
-    width: 300px;
-    height: 300px;
+    width: torem(300px);
+    height: torem(300px);
     opacity: 0;
     //.bounceInDown {
     //  -webkit-animation: bounceInDown 1s ease 0s 1;