input输入框、select下拉框在安卓与ios上的兼容性问题

一、input输入框
    在平常做移动端项目时，如果不注意的话，在ios系统上经常会出现这种问题，点击输入框，输入框获取焦点，此时

苹果手机页面会自动放大，而安卓手机不会出现这种问题。
    问题在哪：

    出现这种问题的主要原因是，meta部分，书写有问题

    
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum- scale=1.0, minimum-scale=1.0">
width - viewport的宽度height - viewport的高度initial-scale - 初始的缩放比例minimum-scale - 允许用户缩放到的最小比例maximum-scale - 允许用户缩放到的最大比例user-scalable - 用户是否可以手动缩放出现放大的原因是user-scalable=no 没有写；意思就是禁止手动缩放，安卓默认的是禁止手动缩放，当时ios不是，所以这一行一定要写。

二、select下拉框
    在ios与安卓上select下拉框都有自己自带的样式，这样会对开发带来干扰，为了能进行修改成属于自己的风格，首先应该

去掉ios自带的样式

    input[type=datetime-local]{     -webkit-appearance:none;     outline:none;     border:none;           }        select{     -webkit-appearance: none;        }加上上面几行代码就哦了