h5页面在微信中打开，字体显示不正常

h5页面在微信中打开，页面打开时字体正常显示，加载完成字体变大或者变小（其他浏览器均正常显示）。
原因是调整了微信中页面字体大小，如下图所示：

如果不想在微信中打开的H5页面字体变大或者变小而影响整体布局（即禁止网页字体被放大），在页面中加入如下逻辑（引入weixin.js文件）：

<body>@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页面在微信中打开，字体显示不正常相关推荐

[html] H5页面在微信中如何禁止分享给好友和朋友圈？
[html] H5页面在微信中如何禁止分享给好友和朋友圈? 利用JSBridge实现调用微信提供的一些原生功能,可以通过调用隐藏操作菜单来实现禁用分享. 代码如下: document.addEvent ...
怎样微信扫描二维码跳转页面,H5页面在微信中下载APP的实现方式
使用微信推广的用户经常都会遇到推广链接被拦截导致无法下载app的情况,此时用户在微信中打开会提示" 已停止访问该网页 ".这对于使用微信营销的商家来说就很不友好且损失非常大,因为用 ...
微信中无法下载APP h5页面在微信中下载APP的解决方案
很多朋友都已经习惯在微信内分享网页链接和二维码了,通过扫描二维码下载APP或打开网页也成为大家惯用且非常方便的方式了.如此微信就成为了扫描二维码重要的工具,因为对于用户来说,说到二维码大家第一反应就是 ...
第14天 H5页面在微信中如何禁止分享给好友和朋友圈？
利用JSBridge实现调用微信提供的一些原生功能,可以通过调用隐藏操作菜单来实现禁用分享. 代码如下: document.addEventListener('WeixinJSBridgeReady' ...
H5页面在微信浏览器中打开，右上角没有出现三个点
在发现问题的日期2020/09/23,微信好像出现了纯H5页面在微信浏览器中打开右上角没有三个点,经过同文件更换多个服务器和域名测试,发现可能是由于打开的域名的没有备份,现在正在走备案流程,出现问题换 ...
h5 android 字体设置,解决因为手机设置字体大小导致h5页面在webview中变形的BUG
解决因为手机设置字体大小导致h5页面在webview中变形的BUG 首先,我们做了一个H5页面,在各种手机浏览器中打开都没问题.我们采用了rem单位进行布局,通过JS来动态计算网页的视窗宽度,动态设置 ...
在服务器上部署自己的h5页面用于微信内部浏览器打开
在服务器上部署自己的h5页面用于微信内部浏览器打开域名注册和虚拟主机租用都是在西部数据进行的以下为西部数据的官网登录和注册这里不过多介绍...... 一.域名注册点击官网首页 ...
怎样使微信中打开链接自动打开外部浏览器打开指定URL页面或者直接下载APP(安卓/苹果）文件
最近很多朋友在使用微信分享转发网页链接的时候,都很容易碰到链接在微信中无法打开的问题.通常这种情况微信会给个提示 "已停止访问该网址" ,那么导致这个情况的因素有哪些呢,主要有以下 ...
只能在微信中打开的页面如何查看源代码？
如题,当我们遇到有些网页需要用参考对方的图片或网页设计的时候,无奈对方网页只能在微信中打开,或特定的APP中才能打开.这个还相有办法解决. 1. 下载一个代理软件"Fiddler" ...

h5页面在微信中打开，字体显示不正常

h5页面在微信中打开，字体显示不正常相关推荐

最新文章

热门文章