vue项目H5页面在苹果手机点击输入框输入内容时页面自动放大

遇到的问题
用vue写H5页面时,iPhone手机点击input搜索框,输入内容时,页面会自动放大。

解决方法
在这里插入图片描述
在public文件夹下找到html文件，打开后加上user-scalable=no 就行

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

亲测有效，已解决问题

道可道，非常道；名可名，非常名。无名，天地之始，有名，万物之母。故常无欲，以观其妙，常有欲，以观其徼。此两者，同出而异名，同谓之玄，玄之又玄，众妙之门。