IOS唤起键盘，移动端页面放大

问题描述：

ios 点击 input\textarea 输入框唤起键盘后，页面放大且不容易恢复原样

解决：

html header 头部加入 meta 声明

<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

其实这句是写移动端页面必备的，禁止页面放大缩小，草率了。。。

扩展：

1、 ios的select、input、样式显示的跟安卓不一样，可以用-webkit-appearance:none

2、阻止ios软键盘将页面顶上去无法恢复的问题

html代码如下:
<input type="text" class="text" onblur="inputBlur()">

function inputBlur(){
    let u = navigator.userAgent
    let isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)
    if (isIOS) {
        setTimeout(() => {
            const scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0;
            window.scrollTo(0, Math.max(scrollHeight - 1, 0))
        }, 200)
    }
}

博文参考：

vueiOS移动端点击input框页面放大问题

iOS点击输入框，界面放大解决方案

iOS手机Input、Textarea 唤起键盘页面偏移和放大的解决方法