是的,它(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....)
网友评论