百度小程序，字体大小调整UI适配方法

百度小程序中，字体大小的设置方式有如下三种：

1. 在小程序中设置：小程序右上角的胶囊 - 字体大小，拖动滑块进行设置

2. 在百度 App 中设置：百度 App - 我的 - 设置 - 字体大小，拖动滑块进行设置

3. 在百度 App 搜索结果落地页中设置：落地页右上角的胶囊 - 字体大小，拖动滑块进行设置

注意：不管通过上述方式的哪种方式进行设置，百度 App 和小程序都会生效。

字体大小比例

字体大小分为五个等级，分别是小、中、大、特大和超大。默认情况下字体大小的等级为中，对应缩放比例为 100%，小对应的缩放比例为 86%，大对应的缩放比例为 106%，特大对应的缩放比例为 121%，超大对应的缩放比例为 121%。

适配方法

为了方便开发者适配用户字体大小的设置，百度可自动识别一组 css 类名，开发者可通过书写如下五种样式，对不同字体大小的设置进行适配。

.swan-text-size-adjust-1 {
  /* 字体大小等级设置为小的样式 */
}
.swan-text-size-adjust-2 {
  /* 字体大小等级设置为中的样式 */
}
.swan-text-size-adjust-3 {
  /* 字体大小等级设置为大的样式 */
}
.swan-text-size-adjust-4 {
  /* 字体大小等级设置为特大的样式 */
}
.swan-text-size-adjust-5 {
  /* 字体大小等级设置为超大的样式 */
}

注意：

1. 上述适配方法仅适用于百度 App，在开源宿主 App 上，需要根据宿主定义的等级进行适配。

2. page 的 css 样式优先级高于 app.css 中样式的优先级，即如果同时在 page 的 css 和 app.css 写了适配样式，page 的 css 样式将覆盖掉 app.css 中的样式。

3. 如果不是做字体大小的适配，请不要使用 swan-text-size-adjust-1、swan-text-size-adjust-2、swan-text-size-adjust-3、swan-text-size-adjust-4 和 swan-text-size-adjust-5 这五个类名书写 css 样式，否则，这些样式会被认为是字体大小的适配样式