Html 代码在桌面上解析，但在移动查看时不解析？答案

【问题标题】：Html code parsed on desktop, but not parsed on mobile viewing?Html 代码在桌面上解析，但在移动查看时不解析？
【发布时间】：2015-11-24 12:27:43
【问题描述】：

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

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

如果您在移动设备上查看它，您会看到徽标缩小了，菜单部分消失了，网站的其余部分只是宽度变窄了。

手机端截图：http://screencast.com/t/NIbD8ONaDn

不知道为什么菜单的代码没有被解析......它与徽标代码不同。

【问题讨论】：

标签： html css jquery-mobile mobile

【解决方案1】：

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

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

需要 JavaScript 插件

如果 JavaScript 被禁用并且视口足够窄以至于导航栏崩溃，这是不可能的展开导航栏并查看 .navbar-collapse 中的内容。

响应式导航栏需要包含折叠插件您的 Bootstrap 版本。

更改折叠的移动导航栏断点

当视口比@grid-float-breakpoint 窄，并扩展到它的视口至少为 @grid-float-breakpoint 的宽度。在 Less 中调整这个变量控制导航栏何时折叠/展开的源。默认值是 768 像素（最小的“小”或“平板”屏幕）。

【讨论】：

哇，我不知道。我从未见过垂直导航栏。将不得不进一步调查。谢谢！
致力于让菜单在一个下拉菜单上购物，该菜单实际上显示在移动视图上。问题是，它也显示在桌面视图中。我将如何修改代码，以便在桌面视图中解析一个代码，而在移动设备上解析另一个代码。我知道你可以做 (at)media 来调整 CSS 以进行移动查看，但是 html 呢？
尝试在移动菜单上使用“visible-xs”类，在另一个菜单上使用“hidden-xs”。
另一个问题：我有一个 css 属性。我希望它在桌面视图中具有一个价值，而在移动视图中具有不同的价值。但在移动视图上，它仍会像在桌面视图中一样显示。
所以这是你需要使用媒体查询的时候。我喜欢采用移动优先的方法，我编写我的 css 来满足所有人的需求，然后随着媒体变得更广泛，引入媒体查询以覆盖/添加到这些类。例如： .my-class {color:red} @media(min-width:768px){.my-class{color:orange}} 所以这里，一旦媒体的宽度超过 767px，颜色属性就会从 red 变为橙色。