uniapp H5端实现PC端适配

1.创建pc.js, PC端样式就可以实现1upx = 1rpx = 1px;这样非常方便的1:1还原设计图了
当然如果你的设计图不是1920,比如是1366,那下面就改成这样window.innerWidth = 750*(w / 1366);

(function (){
	var u = navigator.userAgent,
		w = window.innerWidth;
	if (!u.match(/AppleWebKit.*Mobile.*/) || u.indexOf('iPad') > -1) {
		window.innerWidth = 750*(w / 1920);
		window.onload = function() {
			window.innerWidth = w;
		}
	}
})();

2.注意,pc.js一定要在App实例引入前引入,不然无效!!!

import '@/static/js/pc'
import Vue from 'vue'
import App from './App'

你可能感兴趣的:(uniapp H5端实现PC端适配)