js实现移动端微信页面禁止字体放大


Posted in Javascript onFebruary 16, 2017

由于微信自带字体放大功能,因此基于微信的页面都可以通过微信进行字体放大,但是有些情况下这并不是我们想要的,因为很多移动端页面的开发都是使用rem作为单位的,当使用微信进行字体放大是,会导致页面的整体布局乱掉的情况出现,这对用户体验来说是极其不友好的,我们希望能够禁止微信的字体放大功能,下面我通过查找资料找到的一些解决方法

1.安卓手机禁止字体放大js代码

<span style="font-size:14px;">/* 
 * 页面加入这段代码可使Android机器页面不再受到用户字体缩放强制改变大小 
 * 但是会有一个1秒左右的延迟,期间可以考虑通过loading展示 
 * 仅供参考 
 */ 
(function(){ 
 if (typeof(WeixinJSBridge) == "undefined") { 
  document.addEventListener("WeixinJSBridgeReady", function (e) { 
   setTimeout(function(){ 
    WeixinJSBridge.invoke('setFontSizeCallback',{"fontSize":0}, function(res) { 
     // alert(JSON.stringify(res)); 
    }); 
   },0); 
  }); 
 } else { 
  setTimeout(function(){ 
   WeixinJSBridge.invoke('setFontSizeCallback',{"fontSize":0}, function(res) { 
    // alert(JSON.stringify(res)); 
   }); 
  },0); 
 } 
})(); 
</span>

2.iphone手机禁止字体放大,css代码

<span style="font-size:14px;"><style type="text/css"> 
 body 
 { 
  -webkit-text-size-adjust: 100% !important; 
  text-size-adjust: 100% !important; 
  -moz-text-size-adjust: 100% !important; 
 } 
</style></span>

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
jquery 1.3.2 IE8中的一点点的小问题解决方法
Jul 10 Javascript
自定义一个jquery插件[鼠标悬浮时候 出现说明label]
Jun 27 Javascript
基于Jquery的文字自动截取(提供源代码)
Aug 09 Javascript
js数组操作学习总结
Nov 04 Javascript
Javascript脚本实现静态网页加密实例代码
Nov 05 Javascript
js jquery分别实现动态的文件上传操作按钮的添加和删除
Jan 13 Javascript
jquery 选取方法都有哪些
May 18 Javascript
js强制把网址设为默认首页
Sep 29 Javascript
js事件驱动机制 浏览器兼容处理方法
Jul 23 Javascript
js推箱子小游戏步骤代码解析
Jan 10 Javascript
js实现通过开始结束控制的计时器
Feb 25 Javascript
Vue 进阶之路(三)
Apr 18 Javascript
100多个基础常用JS函数和语法集合大全
Feb 16 #Javascript
js实现tab切换效果
Feb 16 #Javascript
jquery实现自适应banner焦点图
Feb 16 #Javascript
js 作用域和变量详解
Feb 16 #Javascript
利用Chrome DevTools直接调试Node.js和JavaScript的方法详解(并行)
Feb 16 #Javascript
js面向对象编程总结
Feb 16 #Javascript
gulp加批处理(.bat)实现ng多应用一键自动化构建
Feb 16 #Javascript
You might like
一个PHP分页类的代码
2011/05/18 PHP
php Ubb代码编辑器函数代码
2012/07/05 PHP
php轻松实现中英文混排字符串截取
2014/05/28 PHP
PHP模板引擎smarty详细介绍
2015/05/26 PHP
jQuery 可以拖动的div实现代码 脚本之家修正版
2009/06/26 Javascript
JavaScript 创建对象
2009/07/17 Javascript
javascript的内存管理详解
2013/08/07 Javascript
js改变文章字体大小的实例代码
2013/11/27 Javascript
js获取当前地址 JS获取当前URL的示例代码
2014/02/26 Javascript
jQuery实现ajax的叠加和停止(终止ajax请求)
2016/08/08 Javascript
JavaScript prototype属性详解
2016/10/25 Javascript
Vue.js一个文件对应一个组件实践
2016/10/27 Javascript
JS/jQuery判断DOM节点是否存在的简单方法
2016/11/24 Javascript
nodejs连接mongodb数据库实现增删改查
2016/12/01 NodeJs
JS实现的二叉树算法完整实例
2017/04/06 Javascript
nodejs实现简单的gulp打包
2017/12/21 NodeJs
JavaScript实现的鼠标跟随特效示例【2则实例】
2018/12/22 Javascript
Python3指定路径寻找符合匹配模式文件
2015/05/22 Python
Python开发的HTTP库requests详解
2017/08/29 Python
Python语言描述连续子数组的最大和
2018/01/04 Python
python占位符输入方式实例
2019/05/27 Python
Python获取当前脚本文件夹(Script)的绝对路径方法代码
2019/08/27 Python
详解Python Opencv和PIL读取图像文件的差别
2019/12/27 Python
基于tensorflow指定GPU运行及GPU资源分配的几种方式小结
2020/02/03 Python
Django之腾讯云短信的实现
2020/06/12 Python
浅析Python中字符串的intern机制
2020/10/03 Python
澳洲的服装老品牌:SABA
2018/02/06 全球购物
资料员岗位职责
2013/11/17 职场文书
计算机求职信
2013/12/01 职场文书
环境科学专业个人求职信
2013/12/15 职场文书
加入学生会自荐书
2015/03/05 职场文书
2016年寒假生活小结
2015/10/10 职场文书
学校体育节班级口号
2015/12/25 职场文书
Python中22个万用公式的小结
2021/07/21 Python
vue配置型表格基于el-table拓展之table-plus组件
2022/04/12 Vue.js
KVM基础命令详解
2022/04/30 Servers