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 相关文章推荐
javascript 哈希表(hashtable)的简单实现
Jan 20 Javascript
IE6背景图片不缓存问题解决方案及图片使用策略多个方法小结
May 14 Javascript
js自动闭合html标签(自动补全html标记)
Oct 04 Javascript
把jquery 的dialog和ztree结合实现步骤
Aug 02 Javascript
javascript实现滑动解锁功能
Dec 31 Javascript
jQuery实现自定义下拉列表
Jan 05 Javascript
JSON与XML的区别对比及案例应用
Nov 11 Javascript
详解解决Vue相同路由参数不同不会刷新的问题
Oct 12 Javascript
关于自定义Egg.js的请求级别日志详解
Dec 12 Javascript
Angular7创建项目、组件、服务以及服务的使用
Feb 19 Javascript
微信小程序利用云函数获取手机号码
Dec 17 Javascript
jQuery操作元素的内容和样式完整实例分析
Jan 10 jQuery
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
咖啡与水的关系
2021/03/03 冲泡冲煮
在PHP3中实现SESSION的功能(一)
2006/10/09 PHP
解析PHP中的unset究竟会不会释放内存
2013/07/18 PHP
php实现encode64编码类实例
2015/03/24 PHP
老生常谈PHP数组函数array_merge(必看篇)
2017/05/25 PHP
PHP实现基本留言板功能原理与步骤详解
2020/03/26 PHP
Aster vs Newbee BO3 第三场2.18
2021/03/10 DOTA
js树形控件脚本代码
2008/07/24 Javascript
基于jQuery的获得各种控件Value的方法
2010/11/19 Javascript
JS HTML5 音乐天气播放器(Ajax获取天气信息)
2013/05/26 Javascript
JavaScript加强之自定义callback示例
2013/09/21 Javascript
js模拟淘宝网的多级选择菜单实现方法
2015/08/18 Javascript
详解jquery事件delegate()的使用方法
2016/01/25 Javascript
JS简单获取及显示当前时间的方法
2016/08/03 Javascript
angularjs 中$apply,$digest,$watch详解
2016/10/13 Javascript
jQuery实现动态生成表格并为行绑定单击变色动作的方法
2017/04/17 jQuery
Nuxt项目支持eslint+pritter+typescript的实现
2019/05/20 Javascript
vue多页面项目中路由使用history模式的方法
2019/09/23 Javascript
关于vue.js中实现方法内某些代码延时执行
2019/11/14 Javascript
VUE 单页面使用 echart 窗口变化时的用法
2020/07/30 Javascript
vue中后端做Excel导出功能返回数据流前端的处理操作
2020/09/08 Javascript
[02:20]DOTA2英雄基础教程 黑暗贤者
2013/12/19 DOTA
基于Python实现通过微信搜索功能查看谁把你删除了
2016/01/27 Python
Python中Django发送带图片和附件的邮件
2017/03/31 Python
centos 安装Python3 及对应的pip教程详解
2019/06/28 Python
python实现一行输入多个值和一行输出多个值的例子
2019/07/16 Python
Django MEDIA的配置及用法详解
2019/07/25 Python
python使用 __init__初始化操作简单示例
2019/09/26 Python
浅谈keras中Dropout在预测过程中是否仍要起作用
2020/07/09 Python
使用Python通过oBIX协议访问Niagara数据的示例
2020/12/04 Python
微信小程序实现可实时改变转速的css3旋转动画实例代码
2018/09/11 HTML / CSS
英国排名第一的礼品体验公司:Red Letter Days
2018/08/16 全球购物
英国时尚首饰品牌:Missoma
2020/06/29 全球购物
海上钢琴师的观后感
2015/06/11 职场文书
女性励志书籍推荐
2019/08/19 职场文书
vue修饰符.capture和.self的区别
2022/04/22 Vue.js