这两天,用vue做后台管理系统,PC端的,然后项目中有一个生成二维码签到功能,在后台管理要生成一个二维码,然后手机扫码进行验证填写资料等签到,需要在项目中再添加做几个移动端页面,本来是想用响应式布局,最后还是选择rem移动端布局吧,但是rem需要在根元素设置一个字体大小,又会影响其他PC端一些页面,那么只能在当前移动端子组件中修改body根元素的字体大小,安排。
在子组件中的beforeCreate写入下方代码
beforeCreate () { document.querySelector('body').setAttribute('style', 'font-size: 26.67vw;min-width: auto;background:#fff;') document.querySelector('html').setAttribute('style', 'font-size: 26.67vw;min-width: auto;') },
本文链接:https://my.lmcjl.com/post/20321.html
展开阅读全文
4 评论