学习web前端技术的笔记,仅供自己查阅备忘,移动对font-size的控制(并非原创)

假设根字体font-size的值是40px, 640/40=16,16就是px换算rem的值

function initHtmlFontSize(){

  //获取可可视屏幕的宽度

  var _width=document.body.clientWidth;

  //判断

  _width= _width > 640 ? 640:_width;

  //当前的font-size的值

  var _fs=_width/16;

     //赋给html节点

  document.getElementsByTagName('html')[0].style.fontSize=_fs + 'px';

}

initHtmlFontSize()

 

经过@天桥残局的优化顿时有深度有高度局长daio,上代码:

!(function(doc, win) {
var docEle = doc.documentElement,
evt = "onorientationchange" in window ? "orientationchange" : "resize",
fn = function() {
var width = docEle.clientWidth;
width && (docEle.style.fontSize = doc.documentElement.clientWidth/16 + "px");
};

win.addEventListener(evt, fn, false);
doc.addEventListener("DOMContentLoaded", fn, false);

}(document, window));

 

posted @ 2016-04-25 11:04  11个条子  阅读(187)  评论(0编辑  收藏  举报