飞龙博客

feilong.org 前端开发教程

微信web页面字体自动变大应该怎么处理解决

飞龙修订于 20201008 09:05 225 次浏览

微信web页面字体自动变大应该怎么处理解决

飞龙今天调整一下博客的css样式。把飞龙博客网址放在微信看,发现网站标题的字莫名其妙的字体会变大,这样一来,网页的布局就会乱掉。换到其他浏览器看,怎么没有这个现象。飞龙猜测这是微信内置的什么功能在作怪。那么如何禁止微信页面字体自动放大呢?

首先,飞龙看到网上说,在WebView开发过程中,当用户手动修改系统字体变大时,部分手机会出现WebView页面错乱问题。需要对WebView进行一个设置。在页面加载之前加上一下代码:
webview.getWebSetting().setTextZoom(100)。

哈这是app开发人员用的,飞龙俺的咱wap或网页用不上,用不上,用不上啊用不上。下面说下飞龙的解决方法。

其次,看到网上说,安卓手机禁止字体放大js代码。我看了一下,为了一个外观问题,我不想加js。

再次,飞龙检查一下网页头部。

<meta name="viewport" content="initial-scale=1.0, width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 注意 user-scalable

其次,飞龙检查css样式

body{-webkit-text-size-adjust:none;text-size-adjust:none; }

最后,于是干脆把字体变大的那个地方字号设为16px,这么一来是固定单位,移动端微信浏览器字体放大导致布局错乱,就轻而易举的解决了。

网址:https://feilong.org/weixin-web-font-large-auto
初发:20201007 03:10

想学前端?长按二维码加我微信

想学前端?点击飞龙QQ

分类: 默认

旧文:

关闭

长按二维码 -> 识别图中二维码

打开微信,发现,扫一扫

支付完成后,点击下一步

感谢大力支持

然后你手机号:

最后点这,稍等即可