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;

        }

加上上面几行代码就哦了