rem.js 777 B

12345678910111213141516
  1. //
  2. $(function(){
  3. var whdef = 100/1920;// 表示1920的设计图,使用100PX的默认值
  4. var wH = window.innerHeight;// 当前窗口的高度
  5. var wW = window.innerWidth;// 当前窗口的宽度
  6. var rem = wW * whdef;// 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-SIZE值
  7. $('html').css('font-size', rem + "px");
  8. });
  9. $(window).resize(function (){// 绑定到窗口的这个事件中
  10. var whdef = 100/1920;// 表示1920的设计图,使用100PX的默认值
  11. var wH = window.innerHeight;// 当前窗口的高度
  12. var wW = window.innerWidth;// 当前窗口的宽度
  13. var rem = wW * whdef;// 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-SIZE值
  14. $('html').css('font-size', rem + "px");
  15. });