微信web页面字体自动变大，应该怎样解决 (1,100)
飞龙今天调整一下博客的css样式。把飞龙博客网址放在微信看，发现网站标题的字莫名其妙的字体会变大，这样一来，网页的布局就会乱掉。换到其他浏览器看，怎么没有这个现象。
飞龙猜测这是微信内置的什么功能在作怪。
那么如何禁止微信页面字体自动放大呢？微信web页面字体自动变大应该怎么处理解决?
首先，飞龙看到网上说，在WebView开发过程中，当用户手动修改系统字体变大时，部分手机会出现WebView页面错乱问题。
需要对WebView进行一个设置。在页面加载之前加上一下代码：
|
1 |
webview.getWebSetting().setTextZoom(100) |
哈这是app开发人员用的，飞龙俺的咱wap或网页用不上，用不上，用不上啊用不上。
下面说下飞龙的解决方法。
其次，看到网上说，安卓手机禁止字体放大js代码。我看了一下，为了一个外观问题，我不想加js。
再次，飞龙检查一下网页头部。 注意 user-scalable
|
1 |
<meta name="viewport" content="initial-scale=1.0, width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /> |
其次，飞龙检查css样式
|
1 |
body{-webkit-text-size-adjust:none;text-size-adjust:none; } |
最后，飞龙干脆把字体变大的那个地方，字号设为16px，
这么一来，字体用的是固定单位，移动端微信浏览器字体放大导致布局错乱的问题，就这样轻而易举的解决了。
本文更新网址：https://feilong.org/weixin-web-font-auto-larger
2020-10-07 ~ 2026-02-28
加入收藏夹，查看更方便。
分类： js教程