資訊專欄INFORMATION COLUMN
(function(doc, win) {
var docEl = doc.documentElement,
resizeEvt = "orientationchange" in window ? "orientationchange" : "resize",
recalc = function() {
var clientWidth = docEl.clientWidth;
if (!clientWidth) return;
docEl.style.fontSize = 20 * ((clientWidth >= 640 ? 640 : clientWidth) / 320) + "px";
};
recalc();
if (!doc.addEventListener) return;
win.addEventListener(resizeEvt, recalc, false);
doc.addEventListener("DOMContentLoaded", recalc, false);
})(document, window);
(function (doc, win) {
var docEl = doc.documentElement,
isIOS = navigator.userAgent.match(/iphone|ipod|ipad/gi),
dpr = isIOS? Math.min(win.devicePixelRatio, 3) : 1,
dpr = window.top === window.self? dpr : 1, //被iframe引用時，禁止縮放
dpr = 1, // 首頁引用IFRAME，強(qiáng)制為1
scale = 1 / dpr,
resizeEvt = "orientationchange" in window ? "orientationchange" : "resize";
docEl.dataset.dpr = win.devicePixelRatio;
if(navigator.userAgent.match(/iphone/gi) && screen.width == 375 && win.devicePixelRatio == 2){
docEl.classList.add("iphone6")
}
if(navigator.userAgent.match(/iphone/gi) && screen.width == 414 && win.devicePixelRatio == 3){
docEl.classList.add("iphone6p")
}
var metaEl = doc.createElement("meta");
metaEl.name = "viewport";
metaEl.content = "initial-scale=" + scale + ",maximum-scale=" + scale + ", minimum-scale=" + scale;
docEl.firstElementChild.appendChild(metaEl);
var recalc = function () {
var width = docEl.clientWidth;
if (width / dpr > 640) {
width = 640 * dpr;
}
docEl.style.fontSize = 100 * (width / 640) + "px";
};
recalc()
if (!doc.addEventListener) return;
// win.addEventListener(resizeEvt, recalc, false);
})(document, window);
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/85633.html
摘要：有與兩種方式來調(diào)整元素大小的值。如果你的頁面還需要適配到端，那么就老老實實的使用吧。在上面的實現(xiàn)中，我通過判斷設(shè)定了字體大小的范圍來避免上顯示過于夸張。二有的同學(xué)可能對的適配有點誤解。 最近看到這樣一個提問：我有一個750 x 1500尺寸的設(shè)計稿，設(shè)計稿上有一個150 x 50的按鈕，那么在寫頁面布局的時候，應(yīng)該如何確定按鈕的尺寸呢？。大多數(shù)同學(xué)在回答的時候提到了rem。但我發(fā)現(xiàn)很多...
摘要：有與兩種方式來調(diào)整元素大小的值。如果你的頁面還需要適配到端，那么就老老實實的使用吧。在上面的實現(xiàn)中，我通過判斷設(shè)定了字體大小的范圍來避免上顯示過于夸張。二有的同學(xué)可能對的適配有點誤解。 最近看到這樣一個提問：我有一個750 x 1500尺寸的設(shè)計稿，設(shè)計稿上有一個150 x 50的按鈕，那么在寫頁面布局的時候，應(yīng)該如何確定按鈕的尺寸呢？。大多數(shù)同學(xué)在回答的時候提到了rem。但我發(fā)現(xiàn)很多...
摘要：有與兩種方式來調(diào)整元素大小的值。如果你的頁面還需要適配到端，那么就老老實實的使用吧。在上面的實現(xiàn)中，我通過判斷設(shè)定了字體大小的范圍來避免上顯示過于夸張。二有的同學(xué)可能對的適配有點誤解。 最近看到這樣一個提問：我有一個750 x 1500尺寸的設(shè)計稿，設(shè)計稿上有一個150 x 50的按鈕，那么在寫頁面布局的時候，應(yīng)該如何確定按鈕的尺寸呢？。大多數(shù)同學(xué)在回答的時候提到了rem。但我發(fā)現(xiàn)很多...
閱讀 736·2021-11-24 10:19
閱讀 1119·2021-09-13 10:23
閱讀 3439·2021-09-06 15:15
閱讀 1786·2019-08-30 14:09
閱讀 1698·2019-08-30 11:15
閱讀 1849·2019-08-29 18:44
閱讀 945·2019-08-29 16:34
閱讀 2468·2019-08-29 12:46
