小程序适老化设计指南

为什么要做适老化

为了让老年人群体更加平等便捷地获取、使用互联网应用信息，我们建议开发者根据用户的微信字体大小设置，对小程序进行适配。

开发者可以通过wx.getAppBaseInfo或wx.getSystemInfo获取微信字体大小相关参数：

推荐使用wx.getAppBaseInfo接口，后续wx.getSystemInfo接口将不再维护。

iOS

iOS下，微信字体大小共有7个档位，1个标准档位、1个缩小档位、5个放大档位。

不同的屏幕尺寸、不同的字体设置档位对应不同的用户字体大小（fontSizeSetting）。fontSizeScaleFactor（字体缩放倍率）为当前用户字体大小除以标准字体大小（17px）获得。

用户字体大小（fontSizeSetting）变化规则如下：

对于原生导航栏、聊天对话框、朋友圈正文，微信侧进行了特殊处理，开发者可进行参考。

原生导航栏在所有屏幕尺寸字体大小变化规则相同，如下：

-1	标准	+1	+2	+3	+4	+5
16	17	18.5	20	20	20	20

聊天对话框与朋友圈正文字体大小规则如下：

Android

Android下，微信字体大小共有8个档位，1个标准档位、1个缩小档位、6个放大档位。

不同的档位对应不同的字体缩放倍率（fontSizeScaleFactor），用户字体大小（fontSizeSetting）由标准字体大小（16px）*字体缩放倍率（fontSizeScaleFactor）后取整数决定。

参数	-1	标准	+1	+2	+3	+4	+5	+6
字体缩放倍率	*1	*1	*1	*1.12	*1.125	*1.4（「关怀模式」倍率）	*1.55	*1.65
用户字体大小	16	16	16	18	18	22	25	26

同时，不同的档位设备独立像素值会发生变化，字体实际展示大小由设备独立像素值变化倍率*用户字体大小（fontSizeSetting）决定。由于此参数的变化，会导致-1/标准/+1、+2/+3这些档位虽然用户字体大小相同，实际字体展示大小不同。

独立像素值当前未对小程序生效，后续版本将更改此特性，因此开发者无需理解设备独立像素值变化倍率，按照用户字体大小（fontSizeSetting）适配即可。

不同档位独立像素值带来的实际字体展示大小如下，开发者可进行参考：