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||ElementsByTagName("html")
[0].offsetWidth)/_self.width;return p>1?1:p<0.5?0.5:p;};
_self.changePage =  function (){
size:"+_self.widthProportion()*_self.fontSize+"px !important");
}
_self.changePage();
window.addEventListener('resize', function (){_self.changePage();}, false );
>100种不同的字体

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。