解决微信调整字体大小导致页面样式混乱的问题

微信具有调整字体大小的功能，然而有时候调整字体大小会导致微信公众号内的H5页面样式混乱。
解决原理：阻止ios和安卓调整字体大小时候的事件。ios通过添加css属性，安卓通过微信属性去阻止。

注：添加后无法通过外部更改字体大小，根据项目需求运用。

ios系统：

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

安卓系统（安卓使用了微信的JS桥）：

(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 });});}
})();

解决微信调整字体大小导致页面样式混乱的问题相关推荐

微信字号调整问题 html,微信H5适配解决微信调整字体大小导致Html5页面混乱
最近开发公众号遇到一个问题: iOS.Android 加载页面,如果用户调整了微信自带的字体大小,那么我们的页面就会跟随调整字体大小,导致页面错乱无法适配.所以希望能够禁止微信的字体放大功能. 找了一 ...
解决微信调整字体大小导致Html5页面混乱
原理:阻止ios和安卓调整字体大小时候的事件,ios通过添加css属性,安卓通过微信属性去阻止注:添加后无法通过外部更改字体大小,根据项目需求运用 ios系统: body{-webkit-text- ...
防止用户调整微信浏览器字体大小导致的显示异常
防止用户调整微信浏览器字体大小导致的显示异常(加JS代码) // 下面这段代码,防止用户调整微信浏览器字体大小导致的显示异常 (function() {if (typeof WeixinJSBridg ...
react 禁止微信调整字体大小
ios 处理方式在入口文件的样式中添加以下代码 body {-webkit-text-size-adjust: 100% !important;text-size-adjust: 100% !imp ...
禁止微信内置浏览器调整字体大小，从而保证页面不错乱
最近发现在微信浏览器中调整页面的字体大小时,会打乱页面的整个布局,在网上找了找解决的方案,找到了以下此方案,有效的解决了这个问题目前iOS的解决方案是覆盖掉微信的样式:/* IOS禁止微信调整字体大 ...
微信设置字体变大后导致页面样式布局全乱
转载: 微信放大字体导致页面样式布局全乱 - 男孩亮亮 - 博客园微信webview内置了调整字体大小的功能,用户可以根据实际情况进行调节.但是这也会导致字体大小改变以后,出现页面布局错乱的情况. 1 ...
微信修改字体大小后h5页面排版乱解决办法
在开发当中呢,经常会有很多H5的小活动页面,需要在微信的环境下使用.偶尔会出现H5页面在微信或者其他客户端中出现字体变大的问题,下面提供解决方法首先先把网页自动放大放小的关掉. <meta n ...
禁止微信内置浏览器调整字体大小
微信webview内置了调整字体大小的功能,用户可以根据实际情况进行调节.但是很多移动端页面的开发都是使用rem作为单位的,字体大小改变以后,会出现页面布局错乱的情况,因此希望能够禁止微信的字体放大功 ...
h5 禁止微信内置浏览器调整字体大小
因为h5项目,需要将页面通过微信分享出去,用户可以在微信中通过链接点入查看页面,会出现一些字体大小改变的问题,所以: android 需要重写事件 wxFont.js文件 (function() {i ...
微信浏览器字体调整 PHP,微信h5禁止微信内置浏览器调整字体大小-爬坑
微信webview内置了调整字体大小的功能,用户可以根据实际情况进行调整. image 1.ios 通过重写样式控制: body { /* IOS禁止微信调整字体大小 */ -webkit-text- ...

解决微信调整字体大小导致页面样式混乱的问题

解决微信调整字体大小导致页面样式混乱的问题相关推荐

最新文章

热门文章