remPostCSS-PX2rem插件如何配置PostCSS插件web pack 2版本后配置发生了变化。Webpack . Config .jsFile插件添加:web pack配置，插件，推送(新Webpack，Loaderoption插件({ Options:{ postcsloader:()> { Returneem是相对单位，等于元素或父元素的fontsize值；rem:root 1rem等于根元素的fontsize值Vw(宽度)，vh:把屏幕分成100份，1ww等于屏幕的1%。1.为文件的根元素设置fontsize值(会影响字体，但可以解决)//以iphone6为例，大小为30。
在开发一个WebApp的时候，我们通常只能从设计师那里得到一个尺寸的项目设计图，比如基于iphone6设计的，所以前端需要让这套设计稿在不同的设备型号上通用。本文介绍的方法是采用热CSS。js插件.要在vueloader中使用px2 rem 插件因此，首先在chrome调试工具中获取移动终端根元素的fontsize值，然后在配置vueloader时将其设置为参数remUnit的值:这样，就可以在开发时根据设计稿的大小写入CSS像素的绝对值，即px单位。Px2 rem会自动将大小转换为对应的rem unit，并结合不同终端生成的不同html根元素的字体大小，从而实现一套设计稿在不同设备上的完美兼容。
2、 rem布局, js动态设置html的fontsize大小varpixclpatio 1/window . devicepixelrratio；document . write( { returnvarmresizefunction(){ varview _ width window . inner width；varpath$(html )。CSS( fontsize )；pathpath.substring(0，path . length 2)；var nview _ width/path；$(html )，css(fontsize 。
