移动端rem适配js 为什么很多web项目还是使用px，而不是rem？
浏览量：1686
时间：2021-03-16 06:03:36
作者：admin
为什么很多web项目还是使用px，而不是rem？
在移动终端刚刚流行的初期，为了使手机页面适应不同大小的手机屏幕，淘宝的一位前端老板编写了一个经过改编的JS，叫做flexible，可以在GitHub找到。原理很简单。似乎根据手机的分辨率和DPI（我不记得了），动态设置根元素HTML的fontsize，然后页面元素的大小就是rem，因为1rem=fontsizeofhtml。
后来，出现了大众和VH。渐渐地，许多项目使用大众汽车进行改编。100vw=100%宽度。因为兼容性不是很好，所以一直没有上线。
nodejs出现后，前端工程开始了。有pxtorem和pxtoview port等插件。在开发过程中，我们可以根据UI标记的PX case直接编写它们。在打包时，插件将帮助我们将PX计算转换为REM或VW。
我现在用大众。不考虑兼容性。我甚至不看那些需要与ie兼容的公司。<html style=“字体大小：100px”>
2。<body style=“字体-尺寸：14px“>
3。使用js计算当前页面宽度（PX），然后除以3.2。假设设计吃水宽度为320px。然后将设计草图上元素的宽度除以100，设置为CSS的REM单位。例如，设计草图中按钮的宽度为100px。然后用CSS写宽度：1rem IfCSS中的所有单位都是rem。无论当前浏览器的大小，网页看起来都像一个放大缩小的基于320的设计手稿。
版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。
上一篇
小偷类游戏 游戏盒子
