rem.js 786 B

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