在桌面上解析了 html 代码，但在移动查看时没有解析？

Question

网站:http://createconnectionsinc.com/test/

如果您在桌面 View 中查看该网站，它看起来不错。

如果您在移动设备上查看它，您会发现 Logo 缩小了，菜单部分消失了，网站的其余部分的宽度也变窄了。

移动端截图:http://screencast.com/t/NIbD8ONaDn

不确定为什么菜单的代码没有被解析....它与 Logo 代码不同，它是模糊的。

Answer 1

您正在使用折叠导航栏 Bootstrap 组件。默认情况下，它隐藏在移动定义的断点处，并与导航栏切换按钮结合使用以折叠/展开导航菜单。

http://getbootstrap.com/components/#navbar

Requires JavaScript plugin

If JavaScript is disabled and the viewportis narrow enough that the navbar collapses, it will be impossible toexpand the navbar and view the content within the .navbar-collapse.

The responsive navbar requires the collapse plugin to be included inyour version of Bootstrap.

Changing the collapsed mobile navbar breakpoint

The navbar collapses into its vertical mobile view when theviewport is narrower than @grid-float-breakpoint, and expands into itshorizontal non-mobile view when the viewport is at least@grid-float-breakpoint in width. Adjust this variable in the Lesssource to control when the navbar collapses/expands. The default valueis 768px (the smallest "small" or "tablet" screen).