移动端兼容性问题集

1.input获取焦点时，页面被放大

// ios全屏


//安卓禁止识别邮箱
//ios禁止识别长串数字为电话
// ios的safari顶端状态条的样式
 // 可选default（白色）、black（黑色）、black-translucent（灰色半透明，网页充满整个屏幕，状态会盖在网页之上）// ios自动增加图标效果
// 使用原图作为APP的图，使各平台的图标保持一致

2.ios input输入时白屏

这个问题貌似只有再ios9中才有
解决方法：在input的父元素上添加相对定位就行了，非常神奇

style="postion:relative;"

3.底部软键盘被遮挡

//input输入框弹起软键盘的解决方案。
var bfscrolltop = document.body.scrollTop;
$("input").focus(function () {document.body.scrollTop = document.body.scrollHeight;
}).blur(function () {document.body.scrollTop = bfscrolltop;
});

4.new Date()设置日期在IOS的兼容问题

var d = new Date("2017-08-11 12:00:00".replace(/-/g, "/"));

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！