Chrome和Bootstrap固定了导航栏

时间:2015-03-22 22:51:52

标签: css twitter-bootstrap google-chrome navbar

已经使用了bootstrap一段时间了,它现在只有一个小小的hickup。 在他们的例子上得到同样的问题。因此,对于更清洁的代码,使用他们的......

http://newsapps.github.io/bootstrap/examples/navbar-fixed-top/

赢得8.1专业版 使用chrome 41.0.2272.101m(也刚刚更新到此..在以前的版本中注意到了) 禁用所有扩展,同时卸载并重新安装,清除缓存。

屏幕分辨率:双屏= 1920x1080和1680x1050

问题:没有导航栏内容。它的渲染宽度超过7000px,内容浮动正确或居中。 如果我调整窗口大小来说700x400,导航栏的宽度为2943px。 另外值得注意的是,现在该页面上的jumbotron现在不显示了.. 它的.container宽度是1170像素?在调整大小时重新出现。

在我自己的网站上调试chrome,看来视口元标记可能是一个原因。删除它执行正常,但也删除位置:固定解决它。虽然自然留下了造型问题......

使用开发工具并选择设备可以正常工作。没有设备,没有菜单...... 它就像视口和媒体查询不能正常工作,但只能在我的电脑上工作?

我无法在家用电脑或工作大学重现它。我无法找到任何信息,对于响应式网站,需要使用视口。

让我疯了......快速修复,使用FF,但如果客户遇到此问题或其他人有问题?

无法将屏幕截图添加为< 10代表(对不起..)

2 个答案:

答案 0 :(得分:1)

对任何有兴趣的人。 清除缓存后,卸载,重置所有设置并且无法正常工作我决定在“设备模式”中再次玩游戏。再次显示窗格,因为我认为这是视频端口元标记似乎影响它的最可能的地方。

我使用此窗格测试大小和分辨率,然后将其关闭。但是必须有某种设置才能卡住。取消勾选所有内容并更改设备无法正常工作..(并重置也没有)但您会注意到左上角有一个十字形的圆圈图标。就像“禁令”一样。符号和悬停在它上面会说“重置所有覆盖”。点击它..

不知道如何覆盖,或者为什么重置浏览器,卸载等不会重置它们......或者你可以在哪里找到它们,但是你去了。问题解决了。

答案 1 :(得分:0)

@Logan我遇到了同样的问题。重置覆盖对我来说不起作用,但奇怪地将Chrome切换为新用户。