Js兼容性
日期格式
我们经常用的时间格式YYYY-MM-DD HH:mm:ss在Safari浏览器中是不支持的。解决办法就是把YYYY-MM-DD HH:mm:ss格式的代码转为YYYY/MM/DD HH:mm:ss,这是safari浏览器支持的格式。
"2021-11-11 11:11:11".replace(/-/g, '/')
CSS兼容性
ios底部安全区域
ios底部有一个小黑条,需要进行适配。
.content{
padding-bottom: 32px;
/* 兼容 IOS<11.2 */ padding-bottom: calc(constant(safe-area-inset-bottom) / 3); /* 兼容 IOS>=11.2 */ padding-bottom: calc(env(safe-area-inset-bottom) / 3);}
flex布局兼容性
flex item间距gap属性在iphone12 mini等手机上不支持,所以改成margin,比如:
.flex-item{
margin-left: 16px;
&:first-of-type{
margin-left: 0;
}
}
参考:
JavaScript new Date()在Safari上的坑
el-input的number类型里输入e、+、-符号返回值为空?
-------------------------------------------------------------------------------------------