Css iphone6+;mobile safari景观,多个选项卡打开,引导模式在打开后立即隐藏

Css iphone6+;mobile safari景观,多个选项卡打开,引导模式在打开后立即隐藏,css,twitter-bootstrap,mobile-safari,iphone-6-plus,Css,Twitter Bootstrap,Mobile Safari,Iphone 6 Plus,我在iPhone safari 6+横向模式的引导模式中遇到问题。此错误仅出现在iPhone 6+横向模式下,safari浏览器中打开了多个选项卡 下面是生成错误的步骤 1) 在横向模式下转到iPhone 6+,确保必须打开多个选项卡 2) 向下滚动页面,点击可选尺寸部分的“小模式”按钮。 3) 您可以注意到,modal在flash中立即打开和关闭,灰色背景保持不变。您现在不能进行任何单击。 4) 现在,通过向上滚动页面,尝试手动隐藏导航栏和选项卡栏。它将按预期显示引导模式。但当它在浏览器中打开

我在iPhone safari 6+横向模式的引导模式中遇到问题。此错误仅出现在iPhone 6+横向模式下,safari浏览器中打开了多个选项卡

下面是生成错误的步骤
1) 在横向模式下转到iPhone 6+,确保必须打开多个选项卡 2) 向下滚动页面,点击可选尺寸部分的“小模式”按钮。
3) 您可以注意到,modal在flash中立即打开和关闭,灰色背景保持不变。您现在不能进行任何单击。
4) 现在,通过向上滚动页面,尝试手动隐藏导航栏和选项卡栏。它将按预期显示引导模式。但当它在浏览器中打开多个选项卡时不工作

在做了一些变通之后,我认为问题出在
。modal open

.modal-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
 }

我必须找到解决这个问题的办法。有什么建议和想法吗?

我来不及给出答案,但如果有人和我面临同样的问题,那么我有一些解决办法

首先,这是引导程序中的错误。这是iPhone6+多标签问题的引导错误

参考链接<代码>https://github.com/twbs/bootstrap/issues/18859

但对我来说,我无论如何都想要这个解决方案,所以我在我的样式表中做了一些更改,这个解决方案对我有效。希望任何面临同样问题的人都能从中得到帮助

 /*for iphone 6+ multitab issue  */
    .modal {
        position: absolute;
        top: 0;
    }

这几行样式表解决了我的问题。我不知道CSS和样式表有什么问题,但我就是这样解决的。

哪个属性会让Safari出错??是溢出隐藏的吗?固定资产?或者width属性?我将能够提供一个解决方案来解决溢出隐藏和width属性,但我相信几乎不可能解决固定属性。我不确定,但我认为bug已正确修复,因为当我删除此属性引导模式时,它根本不起作用。用纯javascript替换固定属性超出了我的javascript技能水平。你介意我发布一个解决溢出隐藏属性的答案吗?在其他浏览器中也可以吗?Chrome、Firefox mobile还是Opera?