rem的转换

最新推荐文章于 2022-09-22 14:08:12 发布

哆来A梦没有口袋

最新推荐文章于 2022-09-22 14:08:12 发布

阅读量308

点赞数

分类专栏： js 文章标签： rem rem的转换

本文链接：https://blog.csdn.net/qq_42625428/article/details/117153544

版权

js 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

function recalc(x,bol) {
	var clientWidth = document.body.clientWidth;

	if (bol && (!clientWidth || clientWidth > x)) {
		document.documentElement.style.fontSize = "";
		return;
	};
	document.documentElement.style.fontSize = 100 * (clientWidth / x) + 'px';
};
var remCompute = function (width,device) {
	if (window.addEventListener) {
		recalc(width,device);
		var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
		window.addEventListener(resizeEvt, function () {recalc(width,device)}, false);
	};
};


// NOTE:
	// html页面body下的最上方引入方法
	// width: 预设宽度/预设响应的时机;
	// device:true(pc)   false(mobile)
	// =ture时  **pc做响应式时只有在小于width时才计算**
	// =false时  **mobile端随时都进行计算**


// 方法: remCompute(640,false);
// 换算方法: 100px = 1rem; 例如20px = 0.2rem;

实时转换recalc