我使用Bootstrap 3创建了this网站,当我调整浏览器窗口大小时,带有自定义导航栏的移动版本切换到正确的布局。
但是在我的移动设备上(在iPhone上测试过),似乎该网站没有在最后一个断点处中断。它为我提供了一个没有移动导航栏等的缩小版本。
我的视口设置是bootstrap的标准设置。
其实我没有线索从哪里开始寻找解决这个问题的方法...... 有人有想法吗?我可以通过一些代码来进一步了解。
谢谢!
答案 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