前端兼容问题总结

242 阅读1分钟

1. 常见兼容问题

1.1. 弹层的关闭事件容易触发弹层关闭后下一层的事件所以要给弹层关闭事件加上 event.preventDefault()

1.2. 弹层弹出后不允许屏幕滚动给弹层加 mousemove 事件event.preventDefault()

1.3. 苹果手机固定定位有 bug 检查 html 和 body 是不是设置了 overflow-x:hidden;

1.4. IOS 键盘字母输入,默认首字母大写:解决方案,设置如下属性<input type="text" autocapitalize="off"/>

1.5. 关于 iOS 系统中,中文输入法输入英文时,字母之间可能会出现一个六分之一空格:可以通过正则去掉,this.value = this.value.replace(/\u2006/g,'');


2. mint ui 使用过程中兼容问题总结

2.1. 在三星 s8、s8+、小米 8(MIUI10)时间组件不显示时间信息,只有确定和取消按钮

解决办法:发现在这些手机中,picker-items 这个样式类,没有继承父元素的宽度,修改办法是手动修改他的样式

.picker-items {
	width: 100%;
}