html - Bootstrap 不会在移动设备上中断

标签 html css twitter-bootstrap

我做了 this使用 Bootstrap 3 的网站,当我调整浏览器窗口大小时,带有自定义导航栏的移动版本切换到正确的布局。

但是在我的移动设备(在 iPhone 上测试过)上,该网站似乎没有在最后一个断点处中断。它给了我一个没有移动导航栏等的缩小版本。

我的视口(viewport)设置是来自 Bootstrap 的标准设置。

实际上我不知道从哪里着手解决这个问题...... 有人有想法吗?然后我可以将一些代码传递给您以进一步查看。

谢谢!

最佳答案

这主要是因为你使用的是 iframe,为什么你必须使用 iframe 是我心中的一个严重问题......我想失去 iframe

我查看了您在 iframe 中调用的链接,test.sidebyside-india.org,它在 iPhone 上运行良好..

所以原因肯定是 iframe,尽管我永远不会在任何响应式设计中使用 iframe...

关于html - Bootstrap 不会在移动设备上中断,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27312999/

相关文章:

javascript - 如何使用 JavaScript 手动重新加载 Google map

html - (软连字符)以及 Chrome 和 Safari

html - 悬停父元素应编辑子元素外观 - 不起作用

javascript - 绝对定位div,防止背景滚动

css - 显示 : Table-cell doesn't center the div

html - bootstrap 4 Accordion 不关闭

jquery - 如何根据其他元素更改 margin ?

javascript - 缩放时保持建议框 div 相对于输入

css - 如何使用 SVG 为网页上的手写文本制作动画?

javascript - jQuery toggleClass() 方法不适用于 JSON 生成的内容