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

Question

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

但是，我想专门为移动查看模式介绍某些功能。即，导航面板。

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

score 1 · Accepted Answer

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

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

如果只是少量内容，可以使用 CSS 将其隐藏。请注意正确执行，否则屏幕阅读器仍会将其朗读给桌面上的用户。Bootstrap 这样做是为了向有视力和盲人的用户隐藏东西：

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

1 回答 1