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

标签 jquery html css jquery-mobile

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

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

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

最佳答案

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

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

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

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

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

关于jquery - 在核心标记中包含移动特定内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19802342/

相关文章:

javascript - 自执行函数语法和回调语法解释

javascript - (Javascript- HTML Parser) 没有服务器语言可以用javascript解析html吗?

jquery - 高度 :auto not displaying js image carousel

css - css 字体规则中的 'normal normal medium 45px/61px Oswald' 是什么意思?

javascript - 带图像交换的 Jquery 范围 slider

javascript - 将 cookie 横幅放在页面的最顶部,并始终位于中心

jquery - 在 jQuery 数据表中搜索

ajax - jQuery ajax html 回调中的换行会导致错误

html - 我如何在输入标签中插入图像

html - 分层 css - 如何限制第二层的背景