移動端頁面利用好viewport，適配各種寬度螢幕

標籤：style   UNC   螢幕   cal   var   body   適配   imu   動態   

最近研究微貸網的移動端代碼，發現他們網站在適配不同寬度螢幕的顯示情況時，發現他們並不是利用rem單位，而是利用js動態設定mete的viewport來達到適配的效果。

感覺挺不錯的，也不需要計算什麼東西，單位繼續用px.代碼分享下：

// 計算縮放比例    (function () {      var phoneScale = parseInt(window.screen.width) / 375;      document.write(‘<meta name="viewport" content="width=375, minimum-scale=‘ + phoneScale + ‘, maximum-scale=‘ + phoneScale + ‘, user-scalable=no">‘);    })();

 

移動端頁面利用好viewport，適配各種寬度螢幕