function Rem() {
var docEl = document.documentElement,
oSize = docEl.clientWidth / 7.5;
//如果750設計稿oSize 100、? 如果640設計稿 oSize 85
if (oSize > 100) {
oSize = 100;
}
docEl.style.fontSize = oSize + 'px';
}
window.addEventListener('resize', Rem, false);
Rem();
趙星(Zara.zhao)??16:42:08
我也看到過一段計算根節(jié)點大小的js脚仔,網(wǎng)易的網(wǎng)站上是這么做的。?
? ? (function (doc, win) {
? ? ? ? var docEl = doc.documentElement,
? ? ? ? ? ? ? ? resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
? ? ? ? ? ? ? ? recalc = function () {
? ? ? ? ? ? ? ? ? ? var clientWidth = docEl.clientWidth;
? ? ? ? ? ? ? ? ? ? if (!clientWidth) return;
? ? ? ? ? ? ? ? ? ? if(clientWidth>=750){
? ? ? ? ? ? ? ? ? ? ? ? docEl.style.fontSize = '100px';
? ? ? ? ? ? ? ? ? ? }else{
? ? ? ? ? ? ? ? ? ? ? ? docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? };
? ? ? ? if (!doc.addEventListener) return;
? ? ? ? win.addEventListener(resizeEvt, recalc, false);
? ? ? ? doc.addEventListener('DOMContentLoaded', recalc, false);
? ? })(document, window);
最后用的
? ? ? ?
? ? ? ? (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 / 320) + 'px';? ?
? ? ? ? };? ?
? ? ? ? if (!doc.addEventListener) return;? ?
? ? ? ? win.addEventListener(resizeEvt, recalc, false);? ?
? ? ? ? doc.addEventListener('DOMContentLoaded', recalc, false);? ?
? ? ? ? })(document, window);? ?
我用過的
var docEl = doc.documentElement,
? ? resizeEvt ='orientationchange' in window ?'orientationchange' :'resize',
? ? recalc =function() {
var clientWidth = docEl.clientWidth;
? ? ? if (!clientWidth)return;
? ? ? if (clientWidth >=750) clientWidth =750;
? ? ? if (clientWidth <=320) clientWidth =320;
? ? ? docEl.style.fontSize =625 * (clientWidth /750) +'%';
? ? };
? if (!doc.addEventListener)return;
? win.addEventListener(resizeEvt, recalc, false);
? doc.addEventListener('DOMContentLoaded', recalc, false);
})(document, window);
文章:http://caibaojian.com/simple-flexible.html