px转rem

首先在src下创建一个文件夹,在文件架下面创建rem.js文件`

! function(e) {
	function t(a) {
		if (i[a]) return i[a].exports;
		var n = i[a] = {
			exports: {},
			id: a,
			loaded: !1
		};
		return e[a].call(n.exports, n, n.exports, t), n.loaded = !0, n.exports
	}
	var i = {};
	return t.m = e, t.c = i, t.p = "", t(0)
}([function(e, t) {
	"use strict";
	Object.defineProperty(t, "__esModule", {
		value: !0
	});
	var i = window;
	t["default"] = i.flex = function(normal, e, t) {
		var a = e || 100,
			n = t || 1,
			r = i.document,
			o = navigator.userAgent,
			d = o.match(/Android[\S\s]+AppleWebkit\/(\d{3})/i),
			l = o.match(/U3\/((\d+|\.){5,})/i),
			c = l && parseInt(l[1].split(".").join(""), 10) >= 80,
			p = navigator.appVersion.match(/(iphone|ipad|ipod)/gi),
			s = i.devicePixelRatio || 1;
		p || d && d[1] > 534 || c || (s = 1);
		var u = normal ? 1 : 1 / s,
			m = r.querySelector('meta[name="viewport"]');
		m || (m = r.createElement("meta"), m.setAttribute("name", "viewport"), r.head.appendChild(m)), m
			.setAttribute("content", "width=device-width,user-scalable=no,initial-scale=" + u +
				",maximum-scale=" + u + ",minimum-scale=" + u), r.documentElement.style.fontSize = normal ?
			"50px" : a / 2 * s * n + "px"
	}, e.exports = t["default"]
}]);
flex(false, 100, 1);

在main.js文件中引入

在这里插入图片描述
该rem 转换大小为100px = 1rem ,例如:50px=50/100=0.5rem

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值