vue微信改变了字体影响了项目的布局

╰+哭是因爲堅強的太久メ 2023-02-21 06:42 14阅读 0赞

在正常情况下，项目一切是好的，但是有些老年人他看不清，所以他在微信设置里把字体放大了，所以导致系统的布局全乱了，所以要禁止改变字体大小，因为使用的是vue项目，所以在index.html页面中加入一些代码就行,一个是ios的 一个是android 亲测有效

<style>
    				body {  // ios
    					-webkit-text-size-adjust: 100% !important;
    					text-size-adjust: 100% !important;
    					-moz-text-size-adjust: 100% !important;
    				}
    		</style>
    		<script type="text/javascript">
    			(function() {  // android
    				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>

发表评论取消回复

表情：

评论列表（有 0 条评论，14人围观）

还没有评论，来说两句吧...

相关阅读

相关微信支付证书过期了怎么办

什么是商户API证书？如何获取商户API证书？微信原文档：https://kf.qq.com/faq/161222NneAJf161222U7fARv.html

你的名字/ 2023年10月12日 22:28/ 0 赞/ 115 阅读

相关微信红包封面免费做了

rodert JavaPub 2022-01-23 21:45 一年又一年，2022又到了虎年。不知道大家2021有什么收获，男/女朋友、基金股票、涨薪、新工作、新起点

╰+哭是因爲堅強的太久メ/ 2023年10月01日 16:15/ 0 赞/ 61 阅读

相关 vue微信改变了字体影响了项目的布局

在正常情况下，项目一切是好的，但是有些老年人他看不清，所以他在微信设置里把字体放大了，所以导致系统的布局全乱了，所以要禁止改变字体大小，因为使用的是vue项目，所以在index

╰+哭是因爲堅強的太久メ/ 2023年02月21日 06:42/ 0 赞/ 15 阅读

相关 vue项目启动不了

npm ERR! A complete log of this run can be found in: npm ERR! /home/lin/.npm/\_logs/20

Love The Way You Lie/ 2023年01月19日 04:39/ 0 赞/ 63 阅读

相关无线电改变了我们的生活

回想70年前，1952年，当年就读初二的袁萌，自制"矿石"收音机，自行架设天线，每晚深夜倾听中央人民广播电台短波内容。随意波长的高低起伏，心情无比激动。 1958年，袁萌考入

我不是女神ヾ/ 2022年08月28日 07:44/ 0 赞/ 220 阅读

相关无线电改变了我们的生活

回想70年前，1952年，当年就读初二的袁萌，自制"矿石"收音机，自行架设天线，每晚深夜倾听中央人民广播电台短波内容。随意波长的高低起伏，心情无比激动。 1958年，袁萌考入

青旅半醒/ 2022年08月28日 07:44/ 0 赞/ 230 阅读

相关无线电改变了我们的生活

回想70年前，1952年，当年就读初二的袁萌，自制"矿石"收音机，自行架设天线，每晚深夜倾听中央人民广播电台短波内容。随意波长的高低起伏，心情无比激动。 1958年，袁萌考入

我会带着你远行/ 2022年08月28日 07:44/ 0 赞/ 249 阅读

相关 vue高仿饿了么课程项目--布局篇学习笔记

结合他人经验以及自己学习过程中遇到的问题，将知识点整理如下。这篇是布局篇（采用stylus） flex布局如果一个布局需要左边是固定长度，右边是自适应宽度，随

古城微笑少年丶/ 2022年05月18日 02:16/ 0 赞/ 291 阅读

相关 vue项目运行不了

![70][] 报错如上，首先下载node-sass npm install node-sass -g 检查是否安装好 node-sass -v

Bertha 。/ 2022年05月12日 13:36/ 0 赞/ 350 阅读

相关微信小程序，危机了谁？

前言：很久之前就说小龙叔要出个小程序，那个时候刚在学习Android原生开发，当时觉得Native APP还是无可替代的，不管是用户体验还是功能扩展都无法与N

心已赠人/ 2021年12月17日 11:59/ 0 赞/ 253 阅读