rem px em的区别面试 rem自适应布局适合用于pc端吗？
rem自适应布局适合用于pc端吗？
要想在PC上使用REM，首先要使用reset（）函数来包含常用的remjs，因为手机的屏幕宽度是固定的，PC上的浏览器窗口大小可以改变
另外，PC端一般不使用REM，主要是因为兼容低版本浏览器。例如，从IE9开始就支持REM，但只是部分支持。Ie11完全支持。部分支持IE9和ie10。例如，伪元素和缩写样式不支持REM
在移动终端开始流行的早期，为了使移动页面适应不同大小的移动屏幕，淘宝的一个前端老板写了一个改编的JS，叫做flexible，可以在GitHub中找到。原理很简单。似乎根据手机的分辨率和DPI（我不记得了），动态设置根元素HTML的fontsize，然后页面元素的大小就是rem，因为1rem=fontsizeofhtml。
后来，出现了大众和VH。渐渐地，许多项目使用大众汽车进行改编。100vw=100%宽度。因为兼容性不是很好，所以一直没有上线。
nodejs出现后，前端工程开始了。有pxtorem和pxtoview port等插件。在开发过程中，我们可以根据UI标记的PX case直接编写它们。在打包时，插件将帮助我们将PX计算转换为REM或VW。
我现在用大众。不考虑兼容性。我甚至不看那些需要与ie兼容的公司
rem px em的区别面试 em标签和i标签区别 px2rem原理
版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。
