解决layer在移动端关闭按钮显示一半的问题

问题描述

layer弹出iframe,如果设置title为false,会自动设置closeBtn为2,也就是向右上方偏移了-28px,如果显示区域大于1100则正常,如果小于1100则会添加一段css代码,如下

@media screen and (max-1100px){.layui-layer-iframe{overflow-y:auto;-webkit-overflow-scrolling:touch}}

这样就导致关闭按钮只能显示一半。如下图:

解决办法

找到layer.css拉到最后,删除这段代码即可。前提是,你的ifream不需要滚动。。。

@media screen and (max-1100px){.layui-layer-iframe{overflow-y:auto;-webkit-overflow-scrolling:touch}}

解决后效果:

 

原文地址:https://www.cnblogs.com/wxb8/p/12556022.html