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

问题描述#

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

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

 

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

 

解决办法#

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

 

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

 

解决后效果：