Selaa lähdekoodia

移动页面兼容手机版本问题

hangb 7 vuotta sitten
vanhempi
commit
9e47f00e91
2 muutettua tiedostoa jossa 3 lisäystä ja 3 poistoa
  1. 2 2
      app.html
  2. 1 1
      layouts/mobile.vue

+ 2 - 2
app.html

@@ -34,10 +34,10 @@
         var recalc = function () {
           var clientWidth = docEl.clientWidth
           if (!clientWidth) return
-          if (clientWidth >= 750) {
+          if (clientWidth >= 640) {
             docEl.style.fontSize = '100px'
           } else {
-            docEl.style.fontSize = 100 * (clientWidth / 750) + 'px'
+            docEl.style.fontSize = 100 * (clientWidth / 640) + 'px'
           }
         }
 //        recalc()

+ 1 - 1
layouts/mobile.vue

@@ -12,7 +12,7 @@
           { name: 'apple-mobile-web-app-capable', content: 'yes' },
           { name: 'MobileOptimized', content: '320' },
           { name: 'HandheldFriendly', content: 'true' },
-          { name: 'viewport', content: 'width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no' },
+          { name: 'viewport', content: 'width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.3,user-scalable=no' },
           { 'http-equiv': 'Cache-Control', content: 'no-siteapp' },
           { name: 'format-detection', content: 'telephone=no, email=no' }
         ]