在核心标记中包含移动特定内容?

时间:2013-11-06 01:22:59

标签: jquery html css jquery-mobile

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

但是,我想特别针对移动观看模式介绍某些功能。即,导航面板。

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

1 个答案:

答案 0 :(得分:1)

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

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

如果它只是一小部分内容,您可以使用CSS来隐藏它。请小心操作,否则屏幕阅读器仍会将其读取给桌面上的用户。 Bootstrap这样做是为了向有视力和盲目的用户隐藏内容:

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

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