我的前端笔记 之 移动端适配

182 阅读1分钟

做移动端的时候因为移动端设备大小不一的原因,使得页面不宜固定尺寸

此时就是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';}