移动端兼容性处理

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
        }

 

posted @ 2022-08-11 10:01  Aperio  阅读(104)  评论(0编辑  收藏  举报