1. 程式人生 > >移動端頁面利用好viewport,適配各種寬度屏幕

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

div 網站 parseint color 計算 IE phone scree gpo

最近研究微貸網的移動端代碼,發現他們網站在適配不同寬度屏幕的顯示情況時,發現他們並不是利用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,適配各種寬度屏幕