vue设置rem的第二种方法,不需要引入任何文件

在vue目录下，找到index.html，该例子为移动端


如图所示的位置
let htmlWidth=document.documentElement.clientWidth||document.body.clientWidth;//获取屏幕宽度
let htmlDom= document.getElementsByTagName("html")[0];//获取html标签
htmlDom.style.fontSize=htmlwidth/20+"px";//根据屏幕的宽度动态设置rem字体的大小；
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

  • 2018-07-31
    基于Vue的一些资料 内容 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 element★...
    尝了又尝阅读 1,258评论 0赞 1
  • Vue笔记
    ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 3,136评论 1赞 4
  • PostCSS的插件 -- 关于vue rem适配布局方案
    转自：https://www.cnblogs.com/yc8930143/p/11273961.html Post...
    小虾米前端阅读 2,019评论 0赞 0
  • Skye:矜后愉生 第八章 鸿门宴？
    暂时压下心里的躁意又给钱母打了声招呼让她晚上早点回来。这才有功夫让人收拾房中狼藉。 对一向都比较疼宋愉之的钱母，那...
    Skye_2256阅读 182评论 0赞 0
  • 路上有感
    其一 萋萋春草伴人行，漫漫离愁远愈浓。 回首来时清冷路，桐花时落与风声。 ...
    郭普洪阅读 491评论 2赞 6

友情链接更多精彩内容