首页 > 微信 > 详细

禁止微信内置浏览器调整字体大小

时间:2017-11-06 19:36:08      阅读:411      评论:0      收藏:0      [点我收藏+]
微信webview内置了调整字体大小的功能,用户可以根据实际情况进行调节。但是很多移动端页面的开发都是使用rem作为单位的,字体大小改变以后,会出现页面布局错乱的情况,因此希望能够禁止微信的字体放大功能,下面是通过查找资料找到的一些解决方法。
1.安卓手机禁止微信客户端修改字体大小

<!-- 强制禁止用户修改微信客户端的字体大小---begin--- -->
<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("WeixinJSBridgeReady", handleFontSize);
document.attachEvent("onWeixinJSBridgeReady", handleFontSize); }
}
function handleFontSize() {
// 设置网页字体为默认大小
WeixinJSBridge.invoke(‘setFontSizeCallback‘, { ‘fontSize‘ : 0 });
// 重写设置网页字体大小的事件
WeixinJSBridge.on(‘menu:setfont‘, function() {
WeixinJSBridge.invoke(‘setFontSizeCallback‘, { ‘fontSize‘ : 0 });
});
}
})();
</script>
<!-- 强制禁止用户修改微信客户端的字体大小---end--- -->

2.IOS系统禁止微信客户端修改字体大小
body { /* IOS禁止微信调整字体大小 */
-webkit-text-size-adjust: 100% !important;
text-size-adjust: 100% !important;
-moz-text-size-adjust: 100% !important;
}

 

禁止微信内置浏览器调整字体大小

原文:http://www.cnblogs.com/cassiel/p/7794599.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!