解决苹果手机点击输入框页面自动放大问题

一开始我的meta标签是这样的

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

解决方案

<meta content="yes" name="apple-mobile-web-app-capable">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

苹果手机有点击输入框自动放大的功能，优化用户体验。以上修改主要在于initial-scale=1,maximum-scale=1,使得缩放比例为1，这样在苹果手机上就不会自动放大了。