详解vue中移动端自适应方案

function htRem() {
	  var ww = document.documentElement.clientWidth;
	  if (ww > 750) {
	    ww = 750;
	  }
	  document.documentElement.style.fontSize = ww / 7.5 + "px";
	}
	htRem();
	window.onresize = function() {
	  htRem();
	};

// main.js
import 'lib-flexible'

cssLoader 后再加上一个 px2remLoader 即可，px2rem-loader 的 remUnit 选项意思是 
1rem=多少像素，结合 lib-flexible 的方案，我们将 px2remLoader 的 options.remUnit 
设置成设计稿宽度的 1/10，这里我们假设设计稿宽为 750px。


// utils.js
var cssLoader = {
loader: 'css-loader',
options: {
minimize: process.env.NODE_ENV === 'production',
sourceMap: options.sourceMap
}
}
var px2remLoader = {
loader: 'px2rem-loader',
options: {
remUnit: 75
}
}
// ...



	并放进 loaders 数组中


// utils.js
function generateLoaders(loader, loaderOptions) {
var loaders = [cssLoader, px2remLoader]
// ...


	修改配置后需要重启，然后我们在组件中写单位直接写 px，设计稿量多少就可以写多少了，舒服多了。
                    


                    

                        

                            
相关文章
                        
                        

                                                                                                

                                        光遇11.7每日任务怎么做
                                        11-07
                                    
                                                                    

                                        英雄联盟双城之战2主题曲怎么样
                                        11-07
                                    
                                                                    

                                        《怪物猎人荒野》锁头机制介绍
                                        11-07
                                    
                                                                    

                                        逆水寒手游流派首席竞选怎么玩 逆水寒手游流派首席竞选玩法介绍
                                        11-07
                                    
                                                                    

                                        《怪物猎人荒野》双刀玩法介绍
                                        11-07
                                    
                                                                    

                                        《怪物猎人荒野》帐篷搭建方法
                                        11-07