1. 程式人生 > >js移動端自適應動態設定html的fontsize

js移動端自適應動態設定html的fontsize

JS設計移動端頁面時會遇到自適應問題,大多數都知道用rem來設定頁面的比例大小,下面就來說幾種常見的html中的fontsize設定方法:

1.使用flexible.js外掛庫。  淘寶就是利用這個來設定的。重點說下第二種方法;

2.以下是比較簡介的方法:

      $(function(){
        initpage();
        $(window).resize(function()
        {
          initpage();
        })

        function initpage()
        {
          var view_width = document.getElementsByTagName('html')[0].getBoundingClientRect().width;
          var _html = document.getElementsByTagName('html')[0];
          view_width>640?_html.style.fontSize=640/16 +'px':_html.style.fontSize =view_width/16+'px';
        }
      });