【问题标题】:What's the difference between Full-width grids and Centered grids in material design?材料设计中的全角网格和居中网格有什么区别?
【发布时间】:2015-11-27 10:03:09
【问题描述】:

我读过Adaptive UI - Full-width vs Centered。

我不确定它们之间有什么区别。

谁能解释一下?

谢谢。

【问题讨论】:

    标签: android-5.0-lollipop material-design


    【解决方案1】:

    当您使用居中网格时,它需要固定宽度(不是屏幕上的所有空间),并且在较小的屏幕上它会适应(就像 Web 中的响应式设计)。当您使用全角网格时,它会占用所有屏幕空间并且不会调整内部的块(它不会改变它们的位置)。 在 Full-width vs Centered 块中多注意 gif。

    【讨论】:

    • 对不起。我还可以问一下描述中的“断点”到底是什么意思吗?谢谢。
    • 断点就像一个“大小块”。主要断点为 480、600、840、960、1280、1440 和 1600dp。带有断点的表格只是帮助您,每个屏幕中应该有多少列网格。例如,屏幕尺寸从 0 到 480 必须只有 4 列(不能更多),600 到 720 只能有 8 列,840 及以上必须有 12 列
    • 它说“桌面断点比列出的值低 16dp,以适应浏览器 chrome 的变化。”这里的“16dp”是指“列出的值(表中的断点列)减去16”吗?
    • 本指南页面中的“column”是指那些动画中蓝线之间的空间,“grid”是指这些蓝线吗?
    • 是的。因此,12 列网格系统非常简单实用。
    猜你喜欢
    • 2015-04-23
    • 2015-05-08
    • 1970-01-01
    • 2019-02-17
    • 1970-01-01
    • 2019-09-02
    • 2018-11-18
    • 2017-08-27
    • 2015-12-25
    相关资源
    最近更新 更多