html字突然变大怎么办,html中手机打开页面刷新一下闪一下字变大了是怎么回事?...

满意答案

首先说放大缩小字体，直接用js调整字体大小就可以了。

要实现刷新后依然显示之前缩放的大小，那就需要让浏览器记住之前的设置，把字体大小存到cookies中，打开网页再从cookies读取。

给你一段写好的供参考，先引入jquery.cookie.js

12345678910111213141516171819202122232425

var myContent = $('#intro, .article-content, .article-content p'); var fSize = parseInt($.cookie("fontSize") ? $.cookie("fontSize") : parseFloat(myContent.css('fontSize'), 10)); var cDomain = document.location.hostname.match(/[a-z0-9][a-z0-9\-]+\.[a-z\.]{2,6}$/i); var options = { path: '/', domain: cDomain, expires: 30 }; if(fSize){ myContent.css({'font-size': fSize + 'px'}); $.cookie("fontSize", fSize, options); } btnFont.click(function(){ $(this).addClass('on').siblings().removeClass('on'); var cID = $(this).attr("id"); if(cID=="btn-font-plus"){ if(fSize>=20) return; fSize += 2; }else if(cID=="btn-font-reduce"){ if(fSize<=12) return; fSize -= 2; }; myContent.css({fontSize: fSize}); $.cookie("fontSize", fSize, options); });

00分享举报