微信内浏览器或系统字体放大缩小，html页面布局错乱问题

微信浏览器可以调整过字体大小：

这样调整完字体，会导致样式上的错误。再次进入微信也是会记录到用户所用的字体大小。
解决办法禁止微信用户修改字体大小：

安卓：

<script type="text/javascript">
(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>

ios:

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

参考资料：https://www.jianshu.com/p/22c9b810704b

https://blog.csdn.net/weixin_37242696/article/details/80732260?utm_source=blogxgwz3

微信内浏览器或系统字体放大缩小，html页面布局错乱问题相关推荐

解决微信或系统字体放大缩小，html布局错乱混乱的问题
前言手机可以调整字体大小的地方: 1.手机QQ.微信.部分Android内置浏览器等非自己开发的App都支持字体大小的调整(我只介绍微信): 2.iOS.Android系统本身也可以调整字体大小,导 ...
微信或系统字体放大缩小，html页面布局错乱问题
前言手机可以调整字体大小的地方: 1.手机QQ.微信.部分Android内置浏览器等非自己开发的App都支持字体大小的调整(我只介绍微信): 2.iOS.Android系统本身也可以调整字体大小,导 ...
安卓下设置系统字体大小影响H5页面布局
问题描述: 调整好的h5页面,放在安卓app内嵌页面后布局正常,后来用户调整系统里面字体大小,后内嵌H5布局乱掉问题分析: 因为用户调整了系统字体的大小,修改了根节点和body节点的font-siz ...
java代码区放大_java – 放大/缩小整个页面布局
首先,让我们开始简单.缩放比较容易. (此代码未在其他示例中使用): TextView rootView; rootView.setScaleX(sx); rootView.setScaleY(sx) ...
ubuntu终端下快捷键，字体放大缩小等【逐渐完善篇】
ubuntu终端下快捷键,字体放大缩小等[逐渐完善篇] 1.快捷键: ctrl - 字体缩小 ctrl + 字体放大 ctrl 0 恢复正常模式备注:部分Linux系统是" ctrl sh ...
微信支付【H5非微信内浏览器支付】
最近需要在电商平台集成微信支付,PC端扫码支付,移动端是H5支付,扫码支付,这个比较简单,主要是H5支付,要求非微信内浏览器支付.看了官方文档发现,没有这种模式,只有扫码支付.刷卡支付.APP支付.公 ...
微信--H5非微信内浏览器支付
最近需要在电商平台集成微信支付,PC端扫码支付,移动端是H5支付,扫码支付,这个比较简单,主要是H5支付,要求非微信内浏览器支付.看了官方文档发现,没有这种模式,只有扫码支付.刷卡支付.APP支付.公 ...
jquery 控制字体放大缩小
上周结了一个学校门户网站前端页面制作的工作(改版又改版,修改又修改),有很多js效果我是利用jquery来实现的,其中有个新闻正文字体放大缩小效果,比较简单,在这里提出来做个小小demo.(写几句又多 ...
Js实现放大缩小html页面整体
Js实现放大缩小html页面整体不包含iframe的写法包含iframe的写法不包含iframe的写法 html代码 <body><div ><button onc ...

微信内浏览器或系统字体放大缩小，html页面布局错乱问题

微信内浏览器或系统字体放大缩小，html页面布局错乱问题相关推荐

最新文章

热门文章