解决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}}

 

解决后效果:

 

 

 

posted @ 2020-03-23 23:07  Monns  阅读(848)  评论(0编辑  收藏  举报