bootstrap不会在移动设备上中断

时间:2014-12-05 09:47:22

标签: html css twitter-bootstrap

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

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

我的视口设置是bootstrap的标准设置。

其实我没有线索从哪里开始寻找解决这个问题的方法...... 有人有想法吗?我可以通过一些代码来进一步了解。

谢谢!

2 个答案:

答案 0 :(得分:0)

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

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

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

答案 1 :(得分:0)

这是一个非常老的线程,但是我遇到了同样的问题,但问题是我错过了meta的视口:

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

ps:Bootstrap v4