700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 解决微信调整字体大小导致页面样式混乱的问题

解决微信调整字体大小导致页面样式混乱的问题

时间:2024-07-01 19:36:28

相关推荐

解决微信调整字体大小导致页面样式混乱的问题

微信具有调整字体大小的功能,然而有时候调整字体大小会导致微信公众号内的H5页面样式混乱。

解决原理:阻止ios和安卓调整字体大小时候的事件。ios通过添加css属性,安卓通过微信属性去阻止。

注:添加后无法通过外部更改字体大小,根据项目需求运用。

ios系统:

body{-webkit-text-size-adjust: 100% !important;}

安卓系统(安卓使用了微信的JS桥):

(function() {if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {handleFontSize();} else {document.addEventListener("WeixinJSBridgeReady", handleFontSize, false);}function handleFontSize() {// 设置网页字体为默认大小WeixinJSBridge.invoke(\'setFontSizeCallback\', { \'fontSize\' : 0 });// 重写设置网页字体大小的事件WeixinJSBridge.on(\'menu:setfont\', function() {WeixinJSBridge.invoke(\'setFontSizeCallback\', { \'fontSize\' : 0 });});}})();

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。