移动端开发中遇到的那些坑

这里会记录我在移动端开发中遇到的一些疑难杂症,不定时更新~~

1.CSS3 修改和去除移动端点击事件出现的背景框
解决方法:

1
2
3
4
html,
body {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

2.css禁止用户选择文本

1
2
3
4
html,
body {
-webkit-user-select: none;
}

3.让网页支持弹性滚动

现在很多for Mobile的HTML5网页内都有快速滚动和回弹的效果,看上去和原生app的效率都有得一拼。
要实现这个效果很简单,只需要加一行css代码即可:

1
-webkit-user-select: none;

4.移动端布局适配方案