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

东风杨柳岸,岁月如烟 东风杨柳岸,岁月如烟     2022-08-07     695

关键词:

微信webview内置了调整字体大小的功能,用户可以根据实际情况进行调节。

但是这也会导致字体大小改变以后,出现页面布局错乱的情况,目前iOS的解决方案是覆盖掉微信的样式:

body { /* IOS禁止微信调整字体大小 */
    -webkit-text-size-adjust: 100% !important;
}

安卓的解决方案是通过 WeixinJSBridge 对象将网页的字体大小设置为默认大小,并且重写设置字体大小的方法,让用户不能在该网页下设置字体大小:

/*
* android禁止微信浏览器调整字体大小
*/
(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

    });

  });

  }
})();

 

微信h5适配解决微信调整字体大小导致html5页面混乱

...随调整字体大小,导致页面错乱无法适配。所以希望能够禁止微信的字体放大功能。找了一些方法总结如下:原理:阻止ios和安卓调整字体大小时候的事件,ios通过添加css属性,安卓通过微信属性去阻止。iOS系统禁止微信客户端... 查看详情

移动端用户设置字体放大导致的问题

...页面字体大小的功能,例如手机QQ、微信、部分Android内置浏览器等。大部分浏览器调整字体只会导致字体显示大小发生改变,其他元素的大小不受影响。但对于结构稍微复杂一点的页面,字体大小的变动就足以导致页面布局乱掉... 查看详情

移动端rem布局,用户调整手机字体大小或浏览器字体大小后导致页面布局出错问题

...Zoom(100)就可以禁止缩放,按照百分百显示。二、用户调整浏览器字体大小,影响的是从浏览器打开的web页浏览器设置字体大小,影响浏览器打开的页面。通过js可控制用户修改字体大小,使页面不受影响。&nb 查看详情

怎么禁止浏览器修改页面字体大小?

怎么禁止浏览器修改页面字体大小?有什么js或css的代码么1.在搜狗浏览器右下角有个百分比按钮。点击可以设置页面缩放。还可以选择是否所有页面记住比例并生效。2.如果其他程序字大,搜狗浏览器内文字小,可能是你改过系... 查看详情

rem布局,在用户调整手机字体大小/用户调整浏览器字体大小后,布局错乱问题

一、用户调整浏览器字体大小,影响的是从浏览器打开的web页。  浏览器设置字体大小,影响浏览器打开的页面。通过js可控制用户修改字体大小,使页面不受影响。  (function(doc,win){// 用原生方法获取用户设置的浏览器的... 查看详情

iphone的微信内置浏览器网页,怎样用js或者css禁止复制内容

添加css样式,html,body-webkit-user-select:none,整个网页就不能复制内容了,或者定义类或id,给特定的内容设置不能复制参考技术Abody的onselectstart直接returnfalse即可 参考技术B这个好像不可不,不过你可以用JS把长按给阻止了 查看详情

安卓手机字体大小调整破解教程

...体/本地字体--右上角“字体大小/A”部分软件如:微信、浏览器等,软件内设置中可独立调节字体大小,若i主题中调节无效,您可进入应用设置中操作。更多使用疑惑可进入vivo官网--我的--在线客服--输入人工,咨询在线客服反... 查看详情

iPhone浏览器重新调整表单元素占位符字体大小

】iPhone浏览器重新调整表单元素占位符字体大小【英文标题】:iPhonebrowserre-sizesformelementplaceholderfont-size【发布时间】:2011-11-2205:54:04【问题描述】:我遇到的问题不是我网页上的文字,没关系“它是否在<p>标签内,或... 查看详情

网页界面怎么调整大小

网页字体设置:  1、使用IE浏览器的设置方法  按CTRL这个键,转动鼠标的滚轮就可以设置网页文字的大小。可以根据自己的需求调到自己觉得适当的大小。浏览器的右下角一般会有一个显示比例的图标,自己点击进行拖动... 查看详情

android禁止app字体随系统大小而更改

参考技术A  运营反馈,老年用户的手机多设置为大字体,在使用我们app过程中,由于字体被放大,导致布局错乱,部分功能按键遮挡,无法正常使用。  收到问题,着手解决,除了对界面布局进行改写,改为约... 查看详情

@media 没有在 iPhone 上调整字体大小

...0704:39:04【问题描述】:我的网站中有以下CSSsn-p...span类在浏览器/ipad上呈现良好,但@media不会改变iphone上的字体大小。请有人告诉我我做错了什么...span.messagedisplay:table-column;width:589px;min-he 查看详情

禁止浏览器放大字体

if(typeof(WeixinJSBridge)=="undefined")document.addEventListener("WeixinJSBridgeReady",function(e)setTimeout(function()//直接修改用户设置的/默认字体WeixinJSBridge.invoke(‘setFontSizeCallback‘,"fontSize":0,function(res));//重写设置网页字体大小的事件WeixinJSBridge.on(‘m... 查看详情

高分辨率笔记本桌面图标字体显示大小不一致怎么办

...提示:调整字体大小只有在WindowsXP样式下才能调整3、在浏览器里设置,网页缩放比例。默认是100%的如果网页字体太小了可以设置放大或为125%,150%或200%。只要你觉得合适,不过这个设置一关浏览器就没了,暂时的。打开浏览器后... 查看详情

怎么调整chrome浏览器的字体

...果是公认的目前最好的屏幕显示中文字体。参考技术A1、浏览器设置字体大小2、设置系统字体大小3、编辑字体大小本回答被提问者采纳 查看详情

谷歌浏览器怎么改变网页字体大小

方法/步骤在浏览器的右上角,有个谷歌浏览器的工具菜单。点击这个工具菜单打开工具栏点击设置按钮,打开下拉的工具菜单,找到“选项”后,点击打开。在左边的菜单栏,选择“高级选项”,可以看到有个“网页内容”一... 查看详情

微信打开网站字体变小怎么修改代码

参考技术A为了提供给用户更好的阅读体验,微信安卓版7.0.10版本起,网页的字体会跟随微信设置里的字体大小更改而变化。若调整字体变大或变小后,部分未适配网页的排版会出现显示错乱,建议未进行适配的开发者尽快完成... 查看详情

使用百分比作为字体大小?

...行(好吧,也许没那么糟糕,你明白了),因为它在旧版浏览器中无法正确调整大小。我真的很想有一个我自己使用的标准,过去一直是px,只是因为它简单、易于理解并且相当容易实现设计中指定的确切字体大小-但我现在怀疑... 查看详情

移动设备的 CSS 字体大小

...尺寸等。然而,一个页面有一个大字体的大字:当我调整浏览器大小时,所有其他内容都正确布局,但标题词当然不会中断:处理这个问题的正确方法是什么?有没有办法根据屏幕宽度调整字体大小?【问题讨 查看详情