一、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;
}
加上上面几行代码就哦了
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
