美文网首页
iOS16.4mui.PopPicker/mui.DtPicke

iOS16.4mui.PopPicker/mui.DtPicke

作者: 苏打水kesee1 | 来源:发表于2023-03-30 11:11 被阅读0次

    是的,它(mui)又出问题了,用户从16.3升级到16.4以后mui.PopPicker/mui.DtPicker选项上遮盖一个灰色的小方块,应该是iOS16.4safari浏览器内核升级导致的,解决办法:
    将mui.picker.min.css

    .mui-picker-inner{
        -webkit-mask-box-image:-webkit-linear-gradie(bottom,transparent,transparent 5%,#fff 20%,#fff 80%,transparent 95%,transparent)
    }
    

    改为

    .mui-picker-inner{
        mask-image: linear-gradient(to top, transparent, #fff);
        -webkit-mask-image: linear-gradient(to top, transparent, #fff);
        background-color: #fff;
    }
    

    还有一个很麻烦的问题,从iOS16.4开始用文档流布局撑开形成滚动区域的布局会导致使用position:fixed;布局的元素在滚动结束时发生位置偏移,解决办法是重新组织页面结构使用mui自带的滚动容器样式来承载滚动区域,粘性布局的元素不要放在里面
    结语:
    建议放弃mui+jquery这个框架,否则你会陷入永无止境的修复兼容问题的怪圈,积极拥抱vue3.0+ts/react+ts 和各种现代UI框架(vant iview elementplus antd....)

    相关文章

      网友评论

          本文标题:iOS16.4mui.PopPicker/mui.DtPicke

          本文链接:https://www.haomeiwen.com/subject/sanqddtx.html