详解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，设计稿量多少就可以写多少了，舒服多了。
                    


                    

                        

                            
相关文章
                        
                        

                                                                                                

                                        《无限暖暖》天星之羽获得位置介绍
                                        12-20
                                    
                                                                    

                                        《流放之路2》重铸台解锁方法介绍
                                        12-20
                                    
                                                                    

                                        《无限暖暖》瞄准那个亮亮的成就怎么做
                                        12-20
                                    
                                                                    

                                        《无限暖暖》魔气怪终结者完成方法
                                        12-20
                                    
                                                                    

                                        《无限暖暖》曙光毛团获得位置介绍
                                        12-20
                                    
                                                                    

                                        《无限暖暖》日光果获得位置介绍
                                        12-20