解决微信调整字体大小导致Html5页面混乱

原理：阻止ios和安卓调整字体大小时候的事件，ios通过添加css属性，安卓通过微信属性去阻止
注：添加后无法通过外部更改字体大小，根据项目需求运用
ios系统：

body{-webkit-text-size-adjust: 100% !important;
}

安卓系统：

(function() {if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {handleFontSize();} else {document.addEventListener("WeixinJSBridgeReady", handleFontSize, false);}function handleFontSize() {// 设置网页字体为默认大小WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });// 重写设置网页字体大小的事件WeixinJSBridge.on('menu:setfont', function() {WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });});}
})();

解决微信调整字体大小导致Html5页面混乱相关推荐

微信字号调整问题 html,微信H5适配解决微信调整字体大小导致Html5页面混乱
最近开发公众号遇到一个问题: iOS.Android 加载页面,如果用户调整了微信自带的字体大小,那么我们的页面就会跟随调整字体大小,导致页面错乱无法适配.所以希望能够禁止微信的字体放大功能. 找了一 ...
h5 android 字体设置,解决因为手机设置字体大小导致h5页面在webview中变形的BUG
解决因为手机设置字体大小导致h5页面在webview中变形的BUG 首先,我们做了一个H5页面,在各种手机浏览器中打开都没问题.我们采用了rem单位进行布局,通过JS来动态计算网页的视窗宽度,动态设置 ...
微信修改字体大小后h5页面排版乱解决办法
在开发当中呢,经常会有很多H5的小活动页面,需要在微信的环境下使用.偶尔会出现H5页面在微信或者其他客户端中出现字体变大的问题,下面提供解决方法首先先把网页自动放大放小的关掉. <meta n ...
防止用户调整微信浏览器字体大小导致的显示异常
防止用户调整微信浏览器字体大小导致的显示异常(加JS代码) // 下面这段代码,防止用户调整微信浏览器字体大小导致的显示异常 (function() {if (typeof WeixinJSBridg ...
[css] 当页面采用rem布局时，如何解决用户设置字体大小造成的页面布局错位？
[css] 当页面采用rem布局时,如何解决用户设置字体大小造成的页面布局错位? 禁止用户缩放页面个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎大家一起讨论主 ...
关于微信浏览器调整字体大小，H5页面适配问题
最近开发公众号遇到一个问题: 1.ios,Android 加载页面,如果用户调整了微信自带的字体大小,那么我们的页面就会跟随调整字体大小,导致页面错乱无法适配. 找寻了一些方法总结如下: 1.ios ...
react 禁止微信调整字体大小
ios 处理方式在入口文件的样式中添加以下代码 body {-webkit-text-size-adjust: 100% !important;text-size-adjust: 100% !imp ...
禁止微信内置浏览器调整字体大小，从而保证页面不错乱
最近发现在微信浏览器中调整页面的字体大小时,会打乱页面的整个布局,在网上找了找解决的方案,找到了以下此方案,有效的解决了这个问题目前iOS的解决方案是覆盖掉微信的样式:/* IOS禁止微信调整字体大 ...
禁止微信内置浏览器调整字体大小
微信webview内置了调整字体大小的功能,用户可以根据实际情况进行调节.但是很多移动端页面的开发都是使用rem作为单位的,字体大小改变以后,会出现页面布局错乱的情况,因此希望能够禁止微信的字体放大功 ...

解决微信调整字体大小导致Html5页面混乱

解决微信调整字体大小导致Html5页面混乱相关推荐

最新文章

热门文章