移动端浏览器的input聚焦时页面跳动的问题，通常是由于浏览器默认的滚动行为导致的。以下是一些可能的解决方法：

1. 配置浏览器：在页面加载时，可以使用meta标签配置滚动条的最小距离和最大距离。例如：

html <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">

1. 使用CSS设置元素的焦点和非焦点状态：可以通过将焦点和非焦点状态设置为不同的类来实现。例如：

```css input:focus { outline: none; }

input:nonfocus { outline: 1px solid black; } ```

1. 使用CSS重置滚动条：可以使用以下代码来重置滚动条的样式：

```css html, body { height: 100%; margin: 0; padding: 0; }

body { overflow: hidden; } ```

1. 使用CSS重置页面布局：可以使用以下代码来重置页面布局：

```css html, body { height: 100%; margin: 0; padding: 0; }

body { overflow: hidden; height: 100vh; margin: 0; padding: 0; } ```

以上代码可以确保页面在任何设备上都能正常工作，包括移动端浏览器。