vue设置根节点font-size实现rem适配移动端设备
在App.js文件下:mounted() {this.$nextTick(function() {// 适配不同屏幕,改变根font-size值if (document.documentElement.clientWidth <= document.documentElement.clientHeight) {...
·
在App.js文件下:
mounted() {
this.$nextTick(function() {
// 适配不同屏幕,改变根font-size值
if (document.documentElement.clientWidth <= document.documentElement.clientHeight) {
document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px';
} else {
document.documentElement.style.fontSize = document.documentElement.clientWidth / 13.34 + 'px';
}
})
}
375像素宽设计稿 -> 50px 所有设计稿上的像素均需除以50计算为得到的rem
更多推荐
已为社区贡献6条内容
所有评论(0)