解决：微信字体放大破坏布局

微信字体放大 布局变乱

ios和安卓需要分开设置，在app.vue中即可
ios一行代码就可以：

<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>

ios:

<style>
body { /* IOS禁止微信调整字体大小 */
 -webkit-text-size-adjust: 100% !important;
 text-size-adjust: 100% !important;
 -moz-text-size-adjust: 100% !important;
}
</style>

安卓：安卓主要是调用微信内置属性

<script>
    (function() {
        if (typeof WeixinJSBridge === 'object' && typeof WeixinJSBridge.invoke === 'function') {
            changeSize()
        } else {
            document.addEventListener('WeixinJSBridgeReady', changeSize, false)
        }
        function changeSize() {
            // 设置网页字体为默认大小
            WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize': 0 })
            // 重写设置网页字体大小的事件
            WeixinJSBridge.on('menu:setfont', function() {
                WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize': 0 })
            })
        }
    })()
</script>
<!-- 强制禁止用户修改微信客户端的字体大小---end--- -->

或者

(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 });
        });
    }
})();	

https://blog.csdn.net/weixin_42426880/article/details/109525936?spm=1001.2101.3001.6650.2&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EESLANDING%7Edefault-2-109525936-blog-122479191.pc_relevant_multi_platform_whitelistv4eslandingctr&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EESLANDING%7Edefault-2-109525936-blog-122479191.pc_relevant_multi_platform_whitelistv4eslandingctr&utm_relevant_index=3

https://blog.csdn.net/Cheris_LT/article/details/122479191