jquery - 在核心标记中包含移动特定内容？

Question

关于移动/桌面开发 - 我喜欢保持同一个网站并根据设备大小更新查看模式的想法(即响应式设计)。

但是，我想特别介绍一些移动查看模式的功能。即，导航面板。

我的问题归结为 - 我是否应该将该内容添加到文档的主体，并将其隐藏在桌面版本 (css) 中并在移动查看模式 (css) 中显示？

Answer 1

这实际上取决于您为移动设备添加了多少内容。

桌面版是否需要这个额外的导航面板，或者它对桌面版有用吗？如果是，那么您也可以在桌面上显示它(这是解决此问题的最简单方法)。请记住，无论您使用什么 CSS 隐藏桌面上的面板，搜索引擎都能够看到导航面板。

如果只是一些微不足道的内容，你可以使用CSS来隐藏它。请小心操作，否则屏幕阅读器仍会在桌面上向用户读出它。 Bootstrap 这样做是为了向有视力的用户和盲人用户隐藏内容:

.hidden {
  display: none !important;
  visibility: hidden !important;
}

来源:http://getbootstrap.com/css/#helper-classes-show-hide