单页面引进rem

最新推荐文章于 2023-09-19 17:01:20 发布

23木之

最新推荐文章于 2023-09-19 17:01:20 发布

阅读量414

点赞数

文章标签： javascript js html5 vue dom

本文链接：https://blog.csdn.net/Infinityfeng/article/details/110875725

版权

单页面实现rem比vue引进rem复杂一点点
1，先创建文件自己写的js

(function(){
	var calc = function(){
		var rem = document.documentElement.clientWidth/10;
		document.documentElement.style.fontSize = rem + 'px';
		rem = document.documentElement.clientWidth > 750?37.5:rem;
		console.log(rem);
	}
	calc();
	window.addEventListener('resize',calc);
})();

然后在页面引进
然后下载一个软件px to rem & rpx
设置如下
在这里插入图片描述
然后就用rem的单位就行了