相关疑难解决方法(0)

移动设备上的Twitter Bootstrap模式

Bootstrap模式在Android和iOS上无法正常运行.问题跟踪器确认问题但未提供可行的解决方案:

2.0中的模态在移动设备上被破坏.

2.0中的模态窗口未正确定位

屏幕变暗但模式本身在视口中不可见.可以在页面顶部找到它.当您向下滚动页面时会发生此问题.

以下是bootstrap-responsive.css的相关部分:

.modal {
    position:fixed;
    top:50%;
    left:50%;
    z-index:1050;
    max-height:500px;
    overflow:auto;
    width:560px;
    background-color:#fff;
    border:1px solid #999;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    -webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip:padding-box;
    -moz-background-clip:padding-box;
    background-clip:padding-box;
    margin:-250px 0 0 -280px;
}
Run Code Online (Sandbox Code Playgroud)

我可以申请修复吗?

mobile android webkit ios twitter-bootstrap

66
推荐指数
2
解决办法
9万
查看次数

标签 统计

android ×1

ios ×1

mobile ×1

twitter-bootstrap ×1

webkit ×1