anguler 画面布局适应屏幕大小_Angular Material 教程之布局篇 (五) : 布局参数

布局参数

I'm above on mobile, and to the left on larger devices.

I'm below on mobile, and to the right on larger devices.

有关布局指令的基本说明，请查看“布局和容器”章节。

要根据设备屏幕大小更改布局，还有其他layout指令可用：

layout API

flex API

激活设备时

layout

flex

设置默认布局方向，除非被另一个断点覆盖。

layout-xs

flex-xs

width < 600px

layout-gt-xs

flex-gt-xs

width >= 600px

layout-sm

flex-sm

600px <= width < 960px

layout-gt-sm

flex-gt-sm

width >= 960px

layout-md

flex-md

960px <= width < 1280px

layout-gt-md

flex-gt-md

width >= 1280px

layout-lg

flex-lg

1280px <=