微信内置浏览器禁止调整字体大小的方法

最近公司搞了一个活动H5页面，页面在微信浏览器中打开，但是发现如果用户修改了手机默认字体大小，页面上写的输入框就会错位，为了解决问题，想到了只要禁止微信浏览器调整字体大小就可以了，以下是具体方法

1.在head标签中增加
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name=”wap-font-scale” content=”no”>
2.安卓和ios手机通用js<!-- 强制禁止用户修改微信客户端的字体大小---begin--- -->
<script>(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>
<!-- 强制禁止用户修改微信客户端的字体大小---end--- -->
3.针对ios手机调整样式
#body {/* ios系统字体被手动调大优化 */-webkit-text-size-adjust: 100% !important;text-size-adjust: 100% !important;-moz-text-size-adjust: 100% !important;}

微信内置浏览器禁止调整字体大小的方法相关推荐

微信内置浏览器API的常用的js方法
最近工作中经常遇到分享到微信.微信分享好友,朋友圈的情况,想着后面还要一直打交道,写个帖子,记录一下.
解决微信内置浏览器缓存问题的三个方法
方法1--在代码头部加以下meta标签 <meta http-equiv="Cache-Control" content="no-cache, no-store, ...
微信浏览器字体调整 PHP,h5禁止微信内置浏览器调整字体大小
安卓的解决方案是通过 WeixinJSBridge 对象将网页的字体大小设置为默认大小,并且重写设置字体大小的方法,让用户不能在该网页下设置字体大小: /* android禁止微信浏览器调整字体大小 ...
重置微信内置浏览器字体大小
重置微信内置浏览器字体大小 setting() {if (typeof WeixinJSBridge == 'object' && typeof WeixinJSBridge.invo ...
php h5页面微信登录页面,客户端，微信内置浏览器加载H5页面字体变大问题
在开发当中呢,经常会有很多H5的小活动页面,需要在微信的环境下使用.偶尔会出现H5页面在微信或者其他客户端中出现字体变大的问题,下面提供解决方法. 首先先把网页自动放大放小的关掉. 安卓解决微信内置浏 ...
微信内置浏览器及华为小米QQ浏览器关于使用rem的兼容性问题解决
一.问题描述在做移动端h5页面开发的时候,rem的使用简直是屏幕适配的利器,但是,它在也存在兼容性问题: 在微信内置浏览器及华为小米内置及QQ浏览器访问rem做的h5的时候,由于设置部分字体过小,以 ...
博客园在微信内置浏览器打开时添加微信赞赏码功能
我的博客开通了赞赏,看右侧悬浮[打赏],很容易弄,文末有链接. 另外,在微信中打开时,博客正文底部增加微信赞赏码,在微信内置浏览器打开时,长按图片识别,直接可以赞赏. 这本人自己摸索的,未参考任何博文 ...
微信内置浏览器的JsAPI(WeixinJSBridge续)[转载]
原文地址: http://www.baidufe.com/item/f07a3be0b23b4c9606bb.html 之前有写过几篇关于微信内置浏览器(WebView)中特有的Javascript ...
c 中html上传文件大小,IOS微信内置浏览器对html标签input type=file上传的文件大小size错误？...
完整代码: function _s(){ var f = document.getElementById("f").files; //上次修改时间 alert(f[0].lastM ...
微信内置浏览器使用DevTools实现自动顶帖脚本
接<豆瓣自动顶帖机器人JS脚本>这篇,对于仅能在微信内置浏览器中正常打开或使用的网页,不能使用开发者工具,不能使用Tampermonkey插件.例如微赞的广州租房论坛微信版http://w ...

微信内置浏览器禁止调整字体大小的方法

微信内置浏览器禁止调整字体大小的方法相关推荐

最新文章

热门文章