Js动态设置rem来实现移动端字体的自适应代码
移动端自适应字体还可以通过Js动态设置rem来实现,这里提供移动端字体的自适应代码
下面是Js动态设置rem来实现移动端字体的自适应的代码,大家可以参考一下:
以上就是Js动态设置rem实现移动端自适应字体的代码
下面是Js动态设置rem来实现移动端字体的自适应的代码,大家可以参考一下:
//设置根元素字体
var win = window,
doc = document;
function setFontSize() {
var winWidth = $(window).width();
//750可以根据你的设计图实际大小来的设置
var size = (winWidth / 750) * 100;
doc.documentElement.style.fontSize = (size < 100 ? size : 100) + 'px';
};
//这里设置定时器来实现页面加载完毕再进行字体设置
setTimeout(function() {
//初始化
setFontSize();
}, 100);
以上就是Js动态设置rem实现移动端自适应字体的代码
顶(1)
踩(0)
- 最新评论
