做移动端的时候因为移动端设备大小不一的原因,使得页面不宜固定尺寸
此时就是rem的用武之地了,
什么是rem 、em 、px,请大家自行百度吧。
这里我只放2段代码。


//根字体大小设置
var deviceWidth = document.documentElement.clientWidth;
document.getElementsByTagName("html")[0].style.fontSize = deviceWidth / 7.5 + 'px';
//改变窗口的时候重新计算大小
window.onresize = function () {
var deviceWidth = document.documentElement.clientWidth;
document.getElementsByTagName("html")[0].style.fontSize = deviceWidth / 7.5 + 'px';}