移動端開發有各種適配方案，有淘寶的，網易的...,但各種方案都會有各自的問題和開發難度；
今天個人在手機端實測可以使用的最佳配置產生了，頁面UI設計和前端開發完全一致，開發效率和pc時代一致；無需rem,lesss，sass,無需關注vw,vh的相容，只要知道px就能搞定所有適配，可以隨意使用各種position定位。
下面是viewport的最佳配置例項：
- 可以根據設計稿的尺寸進行寬度調整，下例為750
<meta id="vp" name="viewport" content="width=750,initial-scale=0.5,maximum-scale=0.5,minimum-scale=0.5,user-scalable=no">複製程式碼以上的程式碼，已經可以使得頁面在任何移動端正常的工作了，只是由於是適配750的，因此在iphone6下是最佳體驗，其他尺寸螢幕會出現滾動條或者留白。
去除滾動條或者留白
- 只需附加2行JS程式碼就可以解決這個問題了
var w1=window.innerWidth,scale=w1/750*0.5;
document.getElementById('vp').content='width=750,initial-scale='+scale+',maximum-scale='+scale+',minimum-scale='+scale+',user-scalable=no';複製程式碼好了，現在可以愉快的把移動端網頁開當做寬度750的pc頁面來開發了。
經過測試，安卓和iOS下工作正常，微信和普通瀏覽器也OK