layer mobile 在IOS wkwebview下的兼容性bug

    最近在用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;}


  大功告成!

Quote:https://www.itxst.com/detail/89e5f8a7.html