【问题标题】:Off canvas responsive design非画布响应式设计
【发布时间】:2023-03-28 20:15:01
【问题描述】:

我正在寻找off-canvas responsive design 的一个很好的工作示例。只是尝试复制Google+ android应用程序的界面,并在右侧添加面板。

类似于this example。但是这个例子有很多问题:

  • 在触摸屏上无法正常工作(Galaxy Nexus 上的 Chrome);
  • 菜单应位于内容 div 下方,不能随其滑动;
  • “菜单”按钮不会随着内容 div 向右滑动。

你能告诉我建造这样的东西有什么好处吗?

感谢您的帮助。

【问题讨论】:

  • 如果你正在寻找一个与触摸设备一起工作的响应式 Web 应用程序,你应该研究 jQuery Mobile 和 Sencha Touch。 jquerymobile.com ... sencha.com/products/touch ... 如果您不喜欢其中的任何东西,可以自己构建。

标签: html css responsive-design


【解决方案1】:

Zurb Foundation 框架包括画布外响应式设计以及一些很酷的示例和说明

http://www.zurb.com/playground/off-canvas-layouts

【讨论】:

    猜你喜欢
    • 2019-08-03
    • 1970-01-01
    • 2021-12-15
    • 2016-04-26
    • 1970-01-01
    • 2016-04-28
    • 2019-01-05
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多