H5字体大小不受用户手机设置影响的方法 |
您所在的位置:网站首页 › 为什么有些应用字体不跟随系统 › H5字体大小不受用户手机设置影响的方法 |
前言:在做H5页面的时候,发现在安卓手机字体出现了排版错乱,且字体变的异常的大,原因是微信设置了字体放大,导致H5页面的字体也变大了。 解决方案: 在index.html里添加一个script标签,把以下代码添加进去,即可让页面不受手机设置影响 (function() { if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") { handleFontSize(); } else { if (document.addEventListener) { document.addEventListener("WeixinJSBridgeReady", handleFontSize, false); } else if (document.attachEvent) { document.attachEvent("onWeixinJSBridgeReady", handleFontSize); } } function handleFontSize() { // 设置网页字体为默认大小 WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 }); // 重写设置网页字体大小的事件 WeixinJSBridge.on('menu:setfont', function() { WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 }); }); } })();简单记录如有问题或更优解还请不要吝啬的分享出来,此结。 |
今日新闻 |
点击排行 |
|
推荐新闻 |
图片新闻 |
|
专题文章 |
CopyRight 2018-2019 实验室设备网 版权所有 win10的实时保护怎么永久关闭 |