侧边栏壁纸
博主头像
龍啓博主等级

Vue development

  • 累计撰写 12 篇文章
  • 累计创建 9 个标签
  • 累计收到 1 条评论

目 录CONTENT

文章目录

vue项目使用rem

龍啓
2022-06-20 / 0 评论 / 0 点赞 / 221 阅读 / 353 字
广告 广告

vue项目使用rem(pc和移动通用)

function Rem() {
	// 表示1920的设计图,使用100PX的默认值
	var whdef = 100 / 1920; 
	// 当前窗口的宽度
	var bodyWidth = document.body.clientWidth; 
	// 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-SIZE值
	var rem = bodyWidth * whdef; 
	document.getElementsByTagName('html')[0].style.fontSize = rem + 'px';
}
window.addEventListener('load', Rem);
window.addEventListener('resize', Rem)
0

评论区