pc端字體大小自適應幾種方法

 
  $(window).resize( 
  function 
  () 
  // 綁定到窗口的這個事件中 
 
  { 
 
  var 
  whdef = 100/1920; 
  // 表示1920的設計圖,使用100PX的默認值 
 
  var 
  wH = window.innerHeight; 
  // 當前窗口的高度 
 
  var 
  wW = window.innerWidth; 
  // 當前窗口的寬度 
 
  var 
  rem = wW * whdef; 
  // 以默認比例值乘以當前窗口寬度,獲得該寬度下的相應FONT-SIZE值 
 
  $( 
  'html' 
  ).css( 
  'font-size' 
  , rem +  
  "px" 
  ); 
 
  }); 
 
   $( 
   function 
   (){ 
  
   var 
   whdef = 50/750; 
   // 表示750的設計圖,使用50PX的默認值 
  
   var 
   wH = window.innerHeight; 
   // 手機窗口的高度 
  
   var 
   wW = window.innerWidth; 
   // 手機窗口的寬度 
  
   var 
   rem = wW * whdef; 
   // 以默認比例值乘以當前窗口寬度,獲得該寬度下的相應FONT-SIZE值 
  
   $( 
   'html' 
   ).css( 
   'font-size' 
   , rem +  
   "px" 
   ); 
  
   }) 
  
     //REM適配       var _self =  this ;         _self.width = 750;         _self.fontSize = 100;          _self.widthProportion =  function (){ var p = (document.body&&document.body.clientWidth||document.getElementsByTagName("html")[0].offsetWidth)/_self.width;return p>1?1:p<0.5?0.5:p;};         _self.changePage =  function (){         document.getElementsByTagName("html")[0].setAttribute("style","font-size:"+_self.widthProportion()*_self.fontSize+"px !important");         }         _self.changePage();         window.addEventListener('resize', function (){_self.changePage();}, false );