【问题标题】:Angular 4: Responsive Grid ListAngular 4:响应式网格列表
【发布时间】:2017-10-12 02:52:33
【问题描述】:

昨晚开始探索 Angular 4,我只是想知道是否有办法让 mat-grid-list 材料设计组件像 Boostrap 处理它一样简单?

有人吗?提前谢谢你。

【问题讨论】:

  • grid-list 已经响应;每个图块的高度/宽度是基于屏幕比例的动态的。如果您希望列数/行数是动态的,可以在 CSS 中轻松控制。
  • 作为@Claies,mat-grid-list 已经响应。如果你想改变 cols 值,你可以编写代码来检测屏幕大小并根据它设置列号。
  • 感谢您的回复。 Angular 4 似乎只是调整了整个网格列表的大小,没有办法对类似于 Boostrap 的 col-xs-12、col-md-6 等的东西做出反应。
  • 我正在寻找“级联”:列的效果。 Angular 4 和 Material 2 只会缩小它们,这真的很奇怪。
  • this is the answer 问候 :)

标签: angular material-design


【解决方案1】:

不是纯 html,你可以找到一些 html/ts 解决方案,something like this

如果您只想使用 html 实现此目的,请查看 the Angular Flex Layout framework 而不是 mat-grid-list。

【讨论】:

    猜你喜欢
    • 2018-08-23
    • 1970-01-01
    • 2019-07-03
    • 2019-11-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-07-12
    • 2019-08-11
    相关资源
    最近更新 更多