老牌码农阐明js实现移动端微信页面禁止字体放大
时间:2022-01-21 22:32:40|来源:网络精心整理
这篇文章主要讲解的是js实现移动端微信页面禁止字体放大,文章内容非常详细,相信一定可以解决你的问题,需要的朋友可以参考下哦
由于微信自带字体放大功能,因此基于微信的页面都可以通过微信进行字体放大,但是有些情况下这并不是我们想要的,因为很多移动端页面的开发都是使用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实现拖动滑块效果
下一篇:初级技术员讲解100多个基础常用JS函数和语法集合大全
本文地址:https://www.tabangni.com/jsstudy/33162.html
查看更多与“js字体”有关的文章
推荐阅读
最近更新
- 01-21老牌码农阐明js实现移动端微信页面禁止字体放大
- 01-21小编叙述js如何实现元素曝光上报
- 01-21MYSQL不能从远程连接的一个解决方法(s not allowed to connect to this MySQL server)
- 01-21专家讲诉去除图像或链接黑眼圈的两种方法总结
- 01-21技术员讲诉javascript实现抽奖程序的简单实例
- 01-21顶级人才细说JS查找字符串中出现最多的字符及个数统计
- 01-21自己做wordpress评论插件修改评论样式(两步美化评论内容)
- 01-21通过mysql show processlist 命令检查mysql锁的方法
- 01-21.NET Core中Object Pool的多种用法详解
- 01-21MySQL存储引擎InnoDB的配置与使用的讲解