rem布局教程最详细（菜菜出品，必出菜品第二季

rem主要是作用于手机适配使用，创建一个rem.js文件

创建好rem.js文件，然后在需要使用的页面进行引入

//rem.js

(function (doc, win) {

var isAndroid = win.navigator.appVersion.match(/android/gi);

var isIPhone = win.navigator.appVersion.match(/iphone/gi);

var scale = 1.0;

var ratio = 1;

if(isIPhone) {

if (window.devicePixelRatio == 2) {

scale *= 0.5;

ratio *= 2;

}

if (window.devicePixelRatio == 3) {

scale *= (1/3);

ratio *= 3;

《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】 }

}

var text = ‘’;

document.write(text);

var docEl = doc.documentElement

var resizeEvt = ‘orientationchange’ in window ? ‘orientationchange’ : ‘resize’

var recalc = function () {

var clientWidth = docEl.clientWidth

if (!clientWidth) return

docEl.style.fontSize = 100 * (clientWidth / 750) + ‘px’