2

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

我该如何调试呢?有人有任何指示吗?非常感谢。

右上角白点

实际代码在这里http://thegodfounder.com/

编辑1:

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

改变视口

编辑2:

1) 将 float:left & min-width:100% 的建议添加到 body 会导致实际填充空白区域,但似乎仍有一些可疑之处:Tumblr 控件仍然存在于页面中间,并且在pageload 它加载到 Tumblr 控件的右侧,好像有一些断点左右,但我不知道有什么?2)当它不应该固定在顶部时,我是否没有正确使用 Bootstrap 导航栏的概念?

奇怪地加载

4

1 回答 1

3

代替

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

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

编辑:

我删除了响应行为,并position:fixed从 twitter 引导程序中删除.navbar了同样的问题

没有响应,没有固定位置

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


编辑2:

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


编辑 3:

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

于 2012-07-21T10:58:21.463 回答