手机上的Twitter Bootstrap导航空白区域

Question

我对基于Twitter Bootstrap的导航标题的行为有点困惑。在基于桌面的版本中，一切似乎都很好，但是当从iPhone / iPad浏览时，我在右边看到一个奇怪的白点（这似乎也定义了Tumblr控件的定位。

我该如何调试？任何人有任何指针？非常感谢你。

实际代码存在http://thegodfounder.com/

修改1：

按照@baptme的建议将视口更改为“width = device-width，initial-scale = 1.0”实际上将视口缩放到黑色结束的位置并隐藏右侧的所有内容。我没看到什么？

编辑2：

1）添加float：left＆amp;的建议min-width：100％到body会导致实际填充空白区域，但仍然有些可疑：Tumblr控件仍在页面中间，在页面加载时它会加载到Tumblr的右侧控制，好像有一些断点左右，但我不知道有什么？ 2）我不能正确使用Bootstrap导航栏的概念，当它不应该固定在顶部时？

Answer 1

替换

<meta name="viewport" content="width=device-width">

带

<meta name="viewport" content="width=device-width, initial-scale=1.0">

---

修改

我从twitter bootstrap position:fixed删除了响应行为和.navbar我最终遇到了同样的问题

如果您不希望.navbar拥有position:fixed，则可以使用媒体查询来避免.navbav宽度比视口宽。

---

编辑2：

来自@MyHeadHurts评论的float: left和min-width: 100%到body肯定是修复它的最佳方法。即使我不希望这两个属性一起做到这一点，它也可以。

---

编辑3：

如果您希望根据视口缩放页面，请删除<meta name="viewport" content="width=device-width, initial-scale=1.0">。