1. h5底部输入框被键盘遮挡问题
var oHeight = $(document).height(); //浏览器当前的高度
$(window).resize(function(){
if($(document).height() < oHeight){
$("#footer").css("position","static");
}else{
$("#footer").css("position","absolute");
}
});
2.不让 Android 手机识别邮箱
<meta content="email=no" name="format-detection" />
3.禁止 iOS 识别长串数字为电话
<meta content="telephone=no" name="format-detection" />
4.禁止 iOS 弹出各种操作窗口
-webkit-touch-callout:none
5.消除 transition 闪屏
-webkit-transform-style: preserve-3d; /*设置内嵌的元素在 3D 空间如何呈现：保留 3D*/
-webkit-backface-visibility: hidden; /*(设置进行转换的元素的背面在面对用户时是否可见：隐藏)*/
6.iOS 系统中文输入法输入英文时，字母之间可能会出现一个六分之一空格
可以通过正则去掉 this.value = this.value.replace(/\u2006/g, '');
7.禁止ios和android用户选中文字
-webkit-user-select:none
8.fixed定位缺陷
- ios下fixed元素容易定位出错，软键盘弹出时，影响fixed元素定位
- android下fixed表现要比iOS更好，软键盘弹出时，不会影响fixed元素定位
- ios4下不支持position:fixed
- 解决方案： 可用iScroll插件解决这个问题
我的原创文章整理：
- 视频中常用的HLS(m3u8)协议分析
- 视频二维码的适用场景
- 本地网络环境测试（上传带宽下载行带宽）
- 新版谷歌Chrome允许flash的选项已不再保存和添加了（如何解决？）
- 视频播放常见问题让IIS支持mp4、flv等mime类型的设置
- HTML5倍数功能视频播放器（加速2倍，1.5倍播放）
- HTML5之Video对象属性和方法（html5播放器设计必须研究的）