zoukankan      html  css  js  c++  java
  • 解决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}}

    解决后效果:

     

  • 相关阅读:
    对象的方法
    uni-app运行
    flex取值
    阿里矢量库使用
    移动端vue项目模板
    微信分享--转载
    页面流动条
    uni-app打包
    Hibernate~DAO
    EL表达式
  • 原文地址:https://www.cnblogs.com/wxb8/p/12556022.html
Copyright © 2011-2022 走看看