手机浏览器点击input放大问题

最近在做一个html5页面功能，在电脑端开发好，用火狐，google浏览器访问都没有问题，用手机浏览器访问问题来了

点击输入项后，页面莫名的变大。网上找了好多资料，大多是：

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />

发现还是有问题，最后在输入框增加个样式解决;

style="font-size: 25px !important;"

<input name="" type="text" id="idCardNumber" maxlength="18" style="font-size: 25px !important;" class="page-button"/>