最近在用layer移动版时遇到一个bug,准确的说不应该是layer的bug。
测试环境:,ios11 wkwebview ,硬件是iphone4s
问题:所有弹出窗的按钮文字看不到
原因:是由于特定版本的wkwebview对line-height的不支持引起
解决方法:下载layer的源码,layer.css文件,找到下面代码
.layui-m-layerbtn{display: box; display: -moz-box; display: -webkit-box; width: 100%; position:relative; height: 50px; line-height: 50px; font-size: 0; text-align:center; border-top:1px solid #D0D0D0; background-color: #F2F2F2; border-radius: 0 0 5px 5px;}
改成
.layui-m-layerbtn{display: box; display: -moz-box; display: -webkit-box; width: 100%; position:relative; height: 50px; padding-top: 18px; font-size: 14px; text-align:center; border-top:1px solid #D0D0D0; background-color: #F2F2F2; border-radius: 0 0 5px 5px;}
大功告成!