Bootstrap   发布时间:2022-04-18  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了twitter-bootstrap – 如果已经在Google Chrome上的模拟iPhone上运行,如何使真实iPhone上的Bootstrap Modal对话框响应?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我尝试使Bootstrap Modal框工作并使其响应,并阅读此问题: Bootstrap Modal Dialog. Can the grid system be used within a modal context?

然而,该页面在谷歌浏览器中运行良好,并且在谷歌Chrome模拟的iPhone 5,6或6 Plus中运行良好(注意:在开发人员工具中模拟) – 但不适用于真正的iPhone 6 Plus或iPad(在肖像模式). (文字显得非常庞大).

有没有办法让它发挥作用?

代码

<div class="modal-body">
    <div class="container col-md-12">
        <div class="row">
            <p class="col-md-4">
                1 Lorem Ipsum is simply dummy text of the prinTing and typesetTing industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,when an unkNown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries,but also the leap into electronic typesetTing,remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages,and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
            </p>
            <p class="col-md-4">
                2 Lorem Ipsum is simply dummy text of the prinTing and typesetTing industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
            </p>
            <p class="col-md-4">
                3 Lorem Ipsum is simply dummy text of the prinTing and typesetTing industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
            </p>
        </div>
    </div>
</div>

样本页面http://skiesof.blue/try/

附:我正在进一步研究这个问题.我的iPhone 6 Plus配备了iOS 9.3.1,它似乎运行良好,但在iOS 9.0或9.1的iPad上,弹出模式时会出现这种情况:

解决方法

这似乎是一个iOS9问题,它与模态的内容无关.我没有iPhone 6,但我在iPad上遇到了同样的问题.
添加以下CSS使它适用于我:
body {
  padding-right: 0px !important
}

.modal-open {
  overflow-y: auto;
}

https://stackoverflow.com/a/32720590/1581477

https://github.com/jschr/bootstrap-modal/issues/64#issuecomment-55794181

大佬总结

以上是大佬教程为你收集整理的twitter-bootstrap – 如果已经在Google Chrome上的模拟iPhone上运行,如何使真实iPhone上的Bootstrap Modal对话框响应?全部内容,希望文章能够帮你解决twitter-bootstrap – 如果已经在Google Chrome上的模拟iPhone上运行,如何使真实iPhone上的Bootstrap Modal对话框响应?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。