解决html的input标签在苹果手机移动端会出现缩放效果

如果所有页面不需要缩放效果，可使用下面的方法：

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

但是这种限制用户的使用权利的方法是不友好的，所以可以只限制input的缩放效果，出现缩放问题，是因为聚焦字体小于16px，苹果手机认为你只有放大才能看清楚，所以可以用下面的方法解决

@media screen and (-webkit-min-device-pixel-ratio:0) {

select,

textarea,

    input {

font-size:16px !important;

    }

}