h5移动端键盘弹出后，页面缩放的解决办法

Jolyne_2025-03-19 16:11

前言

在 ios 上，点击输入框，聚焦后，底部弹起键盘，此时页面会缩放

解决办法

在打包工具（该项目用的 Rsbuild 中配置）

ts 复制代码

// rsbuild.config.ts
import { defineConfig } from '@rsbuild/core';
export default defineConfig({
  //...

  html: {
    meta: {
      viewport: 'width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no'
    }
  },

  //...
});

由于是web-view渲染的H5，这种方式在 ios 和安卓两端都可以兼容

具体可以参考这篇文章：# H5移动端-解决点击输入框时页面自动放大的问题