H5分享链接，禁止微信浏览器放大字体导致排版错乱不适配问题

当APP内的H5链接需要禁止webview缩放字体

html{-webkit-text-size-adjust:none;}

需要安卓前端配置：
webview.getSettings().setTextZoom(100),这个方法可以设置webview内部字体的缩放比例

当分享至微信浏览器时，需要在H5内配置以下代码禁止微信浏览器对H5页面内的字体缩放

<body style="-webkit-text-size-adjust: 100%!important;">@RenderBody()<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>     </body>

H5分享链接，禁止微信浏览器放大字体导致排版错乱不适配问题相关推荐

禁止微信浏览器调整字体
ios系统只需加css即可: -webkit-text-size-adjust: 100%!important; android系统需要js重写调整字体大小的事件(以下是用CoffeeScript完成 ...
在H5页面中禁止微信分享转发按钮-mugeda
在H5页面中禁止微信分享转发按钮(mugeda) 在页面脚本中插入以下代码方法一: 加一段js代码 document.addEventListener('WeixinJSBridgeReady', ...
分享链接在微信内置浏览器中无法打开也无法下载怎么办（Mindjump实现自动跳转浏览器)
现如今有时候分享链接在微信内置浏览器中无法打开也无法下载,而且转发的话经常会被拦截,一旦被拦截用户在微信中识别二维码就会提示"已停止访问该网页",如此一来对外分享的二维码基本就作废 ...
在H5页面中禁止微信分享转发按钮
在H5页面中禁止微信分享转发按钮(mugeda) 在页面脚本中插入以下代码方法一: 加一段js代码 document.addEventListener('WeixinJSBridgeReady', ...
关于微信浏览器调整字体大小，H5页面适配问题
最近开发公众号遇到一个问题: 1.ios,Android 加载页面,如果用户调整了微信自带的字体大小,那么我们的页面就会跟随调整字体大小,导致页面错乱无法适配. 找寻了一些方法总结如下: 1.ios ...
html游戏禁止微信浏览器下拉,JavaScript实现禁止微信浏览器下拉回弹效果
这篇文章主要为大家详细介绍了JavaScript禁止微信浏览器下拉回弹效果的方法,具有一定的参考和学习JavaScript的价值,对JavaScript感兴趣的小伙伴们可以参考一下本篇文章本文实例为 ...
手机/微信/浏览器的字体设置太大，rem 计算不准确
手机/微信/浏览器的字体设置太大,rem 计算不准确的问题鉴于用微信的人特别的多,而且微信出了特别贴心的功能就是调整界面字体大小. 可是这一调 H5 就出问题咯...页面变得特别大,记录一下这个爬坑 ...
html 禁止页面回弹,JavaScript禁止微信浏览器下拉回弹效果
本文实例为大家分享了JavaScript禁止微信浏览器下拉回弹的效果,供大家参考,具体内容如下方法1: var overscroll = function(el){ el.addEventListe ...
微信公众号H5开发，在微信浏览器打开H5，无法一键下载图片
微信公众号H5开发,在微信浏览器打开H5,无法一键下载图片背景解决方案文章参考背景微信公众号H5开发,在普通浏览器,可以直接通过以下代码下载图片: let a = document.crea ...

H5分享链接，禁止微信浏览器放大字体导致排版错乱不适配问题

H5分享链接，禁止微信浏览器放大字体导致排版错乱不适配问题相关推荐

最新文章

热门文章