移动端兼容性处理
1.时间兼容处理
页面倒计时,安卓显示正常,IOS显示NAN。解决方法:
let startVal = new Date(startTime.replace(/-/g, '/'))
时间格式处理的问题,把时间格式由2022-08-11转换为2022/08/11
2.毛玻璃效果兼容性处理
以背景图片的形式,将图片定位到理想位置,使用属性backdrop-filter制作毛玻璃效果
,但是存在兼容性问题。可以使用filter属性代替。
.bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0 ; width: 100%; height: 100%; background-size: cover; -webkit-filter: blur(8vw); filter: blur(8vw); z-index: -1 }