pc端字體大小自適應
阿新 • • 發佈：2018-11-16
word rem his tlist ttr elf com 大小 imp
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 );
$(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 );
pc端字體大小自適應