【问题标题】:How to create responsive app using angular 4如何使用 Angular 4 创建响应式应用程序
【发布时间】:2018-02-01 07:24:49
【问题描述】:

我正在 Angular 4 中创建新应用程序,它应该是响应式应用程序,意味着也兼容移动设备、桌面设备和 Tap。

我的问题是我必须包括什么才能使其响应并兼容所有设备。

我已经经历了并且有点困惑,我将使用 Bootstrap 3 或 angular material 或 flex layout 或 angular Bootstrap。

【问题讨论】:

  • 请求列表或推荐工具是题外话。请提供您尝试过的示例源代码。
  • 您对构建 PWA(渐进式 Web 应用程序)感兴趣吗?如果是这样,这可能会有所帮助:mobile.angular.io/guides 如果您只是在寻找 UI 元素,请查看:material.angular.io
  • @cgTag 我已经列出了我关心的问题中的所有内容......不要聪明......如果你不知道答案,请留下来让其他人回答。
  • 公平地说……这是一个被认为不适合 SO 的问题,因为它不是专门的编码问题,而是寻求一般帮助。所以很可能它会被关闭。因此,我试图提供一个快速指针。 :-)
  • 要求我们推荐或查找书籍、工具、软件库、教程或其他非现场资源的问题对于 Stack Overflow 来说是题外话,因为它们往往会吸引固执己见答案和垃圾邮件。

标签: angular layout twitter-bootstrap-3 flexbox


【解决方案1】:

Bootstrap 3.x 首先是移动设备,这意味着如果您正确实现其类,它将具有基于设备的响应行为。 https://getbootstrap.com/docs/3.3/css/

“在 Bootstrap 3 中,我们从一开始就将项目重写为对移动设备友好。与其添加可选的移动设备样式,不如将它们直接融入核心。事实上,Bootstrap 是移动设备优先的。移动设备优先的样式可以在整个库中找到,而不是在单独的文件中。”

【讨论】:

  • 我可以在 Bootstrap 3 布局中使用材质组件吗?意味着移动优先方法。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2022-12-04
  • 2021-04-06
  • 1970-01-01
  • 2016-10-11
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多