移动端rem适配

首先设置根节点字体

<script>
    document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px'
</script>

之后vscode安装cssrem插件,
在文件》设置》cssrem里设置字体为50
即可动态计算rem
比如:输入44px自动计算 44/100*2=.88rem;

vscode安装easy sass插件自动把.scss文件转换为.css文件

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 三:多屏适配布局问题 出处:【原创】移动端高清、多屏适配方案 再谈移动端适配和点5像素的由来 使用相对单位:rem...
    木利阅读 4,320评论 0 0
  • 1.最近项目的开发需要h5的支持,h5项目是和web整合到一起,在一个地址发布,通过不同的路由来跳转到不同的页面。...
    光头小青蛙阅读 1,522评论 0 3
  • -postcss-pxtorem 是一款 postcss 插件,用于将单位转化为 rem-lib-flexible...
    是嘻嘻呀阅读 3,767评论 0 0
  • vue-cli3用rem进行适配步骤 安装手淘的flexible,插件名称叫amfe-flexiblenpm i ...
    sunny688阅读 2,444评论 0 0
  • ﹉﹉ 站在金色的阳光坦荡的天风 我一半善一半恶 新的抽发从尸体的腐烂长出 我一半残破一半崭新 劈开混沌的虚浊天神铸...
    雨的飘阅读 3,395评论 0 3

友情链接更多精彩内容