[极致用户体验] 让你的网页，适配微信大字号模式！体验超好，快来收藏

我是HullQin，公众号线下聚会游戏的作者（欢迎关注公众号，发送加微信，交个朋友），转发本文前需获得作者HullQin授权。我独立开发了《联机桌游合集》，是个网页，可以很方便的跟朋友联机玩斗地主、五子棋等游戏，不收费没广告。还开发了《Dice Crush》参加Game Jam 2022。喜欢可以关注我 HullQin 噢～我有空了会分享做游戏的相关技术。

背景

之前的文章，我提到网页开发的一个常见问题：《在微信大字号模式下，网页样式乱了怎么办？》。上文中提供了一种解决方案，在用户调整微信字体大小后，可以保证网页字体大小不变，解决了样式错乱的问题。

但是这背离了微信「关怀模式」和「大字号模式」的初衷。微信设计这些模式，不就是为了帮助中老年人们看清网页吗？

因此，我希望让网页适配大字号模式。当用户调整字号时， 网页都应该正常展示对应字号，并且不影响用户体验！

前提知识：微信如何调整网页字体大小

在微信内置浏览器中，用户设置字体大小后，改变的正是网页中的font-size大小。

只是安卓和iOS实现方式有差异，但是效果相同。

iOS

在修改了微信内置浏览器字号后，它设置了一个text-size-adjust的css值。

你可能问：这是什么属性？让我们看下MDN怎么说：

它主要有3种值：auto、