uniapp适配pc_uniapp+Html5端实现PC端适配

前言：

使用uniapp做的h5页面，在pc端显示时，发现由于upx单位计算基准值太大，导致页面排班布局错乱

思路：

刚开始发现使用px单位不会导致页面布局混乱，但这对刚开启的项目友好，对已经成型的项目修改成本太高，风险也大，而且px是固定单位，在移动端显然没upx好使；

后来百度好久，发现都没有解决办法，偶然间突发奇想，能不能利用iframe在页面载入前将宽度设置为375px(750upx)，来达到欺骗浏览器，欺骗uniapp，让浏览器以375px(这个值可以自己按需设置)基准值来计算upx=>px转换比，然后setimeout 300毫秒(延迟时间自己试验吧，不一定300ms效果最好)将iframe宽度设置为100%，这样一来在pc端就可以实现以375upx基准值渲染页面了；

说干就干，demo在下面

pages.json: (iframe为项目首页，用来判断是移动端还是pc端，并对pc端做适配处理)

{

"pages": [

{

"path": "pages/iframe"

},

{

"path": "pages/index/index"

}

],

"globalstyle": {

"navigationstyle" : "custom",