From 5644e95850683894ba8854abe1253970011dc313 Mon Sep 17 00:00:00 2001 From: Hex Date: Fri, 18 Mar 2016 16:56:43 +0800 Subject: [PATCH] =?UTF-8?q?=E5=8F=AF=E8=87=AA=E5=AE=9A=E4=B9=89=E7=9A=84?= =?UTF-8?q?=E6=9C=80=E5=A4=A7=E5=AE=BD=E5=BA=A6=EF=BC=8C=E4=BB=A5=E4=BE=BF?= =?UTF-8?q?=E9=80=82=E5=BA=94=E6=9B=B4=E5=AE=BD=E7=9A=84=E5=B1=8F=E5=B9=95?= =?UTF-8?q?=E3=80=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 增加这个自定义设置,可以适应更多的屏幕,甚至可以在 PC 上以 rem 为单位进行页面制作。 --- src/flexible.js | 15 ++++++++++++--- 1 file changed, 12 insertions(+), 3 deletions(-) diff --git a/src/flexible.js b/src/flexible.js index 4e7c545..ed9ff7a 100644 --- a/src/flexible.js +++ b/src/flexible.js @@ -3,6 +3,8 @@ var docEl = doc.documentElement; var metaEl = doc.querySelector('meta[name="viewport"]'); var flexibleEl = doc.querySelector('meta[name="flexible"]'); + var maxWidthEl = doc.querySelector('meta[name="max-width"]'); + var maxWidth = 540; var dpr = 0; var scale = 0; var tid; @@ -31,6 +33,13 @@ } } + if (maxWidthEl) { + var maxWidthContent = maxWidthEl.getAttribute('content'); + if (maxWidthContent) { + maxWidth = parseInt(maxWidthContent); + } + } + if (!dpr && !scale) { var isAndroid = win.navigator.appVersion.match(/android/gi); var isIPhone = win.navigator.appVersion.match(/iphone/gi); @@ -67,8 +76,8 @@ function refreshRem(){ var width = docEl.getBoundingClientRect().width; - if (width / dpr > 540) { - width = 540 * dpr; + if (width / dpr > maxWidth) { + width = maxWidth * dpr; } var rem = width / 10; docEl.style.fontSize = rem + 'px'; @@ -114,4 +123,4 @@ return val; } -})(window, window['lib'] || (window['lib'] = {})); \ No newline at end of file +})(window, window['lib'] || (window['lib'] = {}));