禁止微信内置浏览器的字体缩放问题

由于微信自带字体放大功能，因此基于微信的页面都可以通过微信进行字体放大，但是有些情况下这并不是我们想要的，因为很多移动端页面的开发都是使用rem作为单位的，当使用微信进行字体放大是，会导致页面的整体布局乱掉的情况出现，这对用户体验来说是极其不友好的，我们希望能够禁止微信的字体放大功能，下面我通过查找资料找到的一些解决方法，至于移动端页面是如何开发的及rem单位的特点，这里不做赘述。

1.安卓手机禁止字体放大js代码

1. <span style="font-size:14px;">/*
2. * 页面加入这段代码可使Android机器页面不再受到用户字体缩放强制改变大小
3. * 但是会有一个1秒左右的延迟，期间可以考虑通过loading展示
4. * 仅供参考
5. */
6. (function(){
7. if (typeof(WeixinJSBridge) == "undefined") {
8. document.addEventListener("WeixinJSBridgeReady", function (e) {
9. setTimeout(function(){
10. WeixinJSBridge.invoke(‘setFontSizeCallback‘,{"fontSize":0}, function(res) {
11. // alert(JSON.stringify(res));
12. });
13. },0);
14. });
15. } else {
16. setTimeout(function(){
17. WeixinJSBridge.invoke(‘setFontSizeCallback‘,{"fontSize":0}, function(res) {
18. // alert(JSON.stringify(res));
19. });
20. },0);
21. }
22. })();
23. </span>
24. 或者  方法二

25. //微信内置浏览器字体缩放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});    });}

26. 2.iphone手机禁止字体放大，css代码
27. 1. <span style="font-size:14px;"></span>
    2. <style type="text/css">
    3. body
    4. {
    5. -webkit-text-size-adjust: 100% !important;
    6. text-size-adjust: 100% !important;
    7. -moz-text-size-adjust: 100% !important;
    8. }
    9. </style>

原文地址：https://www.cnblogs.com/yuan619821/p/8404173.html