解决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

    }

}

用CSS3 @media 查询 也叫“媒体查询”；

语法：

.aaa{width:1200px}    //正常样式

//下面是分辨率最小为300px，最大分辨率为1024px的样式

@media screen and (min-width: 300px) and (max-width:1024px) {

.aaa{width:375px}

}

可以参考：菜鸟教程CSS3 @media 查询