笔者做响应式网站多年,开始的时候,我让美工做好几套设计图,运用媒体查询设置断点,以适配不同的范围段,320-639、640-1079、大于1080等,后来,我使用rem只使用一套设计图就可以了。
使用Javascript控制根元素的默认字体大小
(function (doc, win) {
var docEl = ***.***umentelement,
resizeEvt = 'orientationchange' in window ? 'orientationchang地氧干轮末若爱而毛查e' : 'resize',
recalc = function () {
var clientWidth = ***.clientwidth;
if (!clientWidth) return;
doc两丰刑油德成言本el.***.fontsize = 20 * (clientWidth / 1400) + 'px';
};
if (!***汽告拿形演娘联觉川均处.addeventlistener) return;
***.addeventlistener(resizeEvt, recalc, false);
***.addeventlistener('DOMContentLoaded', recalc, false);
})(document, window);