文档介绍：移动端开发兼容性
及常见问题汇总
问题描述3
解决方法3
问题描述3
解决方法3
问题描述3
解决方法3
及常见问题汇总
问题描述3
解决方法3
问题描述3
解决方法3
问题描述3
解决方法3
问题描述3
解决方法3
问题描述3
解决方法3
问题描述3
解决方法3
问题描述3
解决方法3
问题描述3
解决方法3
问题描述3
解决方法3
问题描述3
解决方法3
问题描述3
解决方法3
问题描述3
解决方法3
*问题3
问题描述3
解决方法3
问题描述3
解决方法3
！未定义书签。
问题描述错误！未定义书签。
解决方法错误！未定义书签。
！未定义书签。
问题描述错误！未定义书签。
解决方法错误！未定义书签。
！未定义书签。
问题描述错误！未定义书签。
解决方法错误！未定义书签。
移动端事件
问题描述
解决方法
字体单位
问题描述
字体单位设置
解决方法
Body{
Font:%/150%;
}
字体单位采用rem
设置placeholder字体颜色
问题描述
PC端plcaeholder可以通过修改input的color属性来改变颜色，但手机端无效果
在手机端Form中placeholder字体有默认颜色
解决方法
input::-webkit-input-placeholder{
color:*D7F2EB;
}
input:-ms-input-placeholder{
color:*D7F2EB;
}
input::-moz-placeholder{
color:*D7F2EB;
}
移动端高亮
问题描述
移动端点击input等元素点击时会出现蓝色高亮背景
解决方法
body{
-webkit-tap-highlight-color:rgba(0,0,0,0)
}
a与input嵌套无鼠标无手型效果
问题描述
注：此问题为PC端问题
布局构造如下：
<ahref="*">
<inputtype="button"value="获取短信验证码"/>
</a>
则input盖住a，导致鼠标移到a上无手型指针
解决方法
input[type="button"]{
cursor:pointer;
}
Input框获得焦点时有蓝色外框线
问题描述
Input会有默认蓝色外框线
解决方法
input{
outline:none;
}