Angular Flex Layout 进阶

Photo by Shaah Shahidh on Unsplash

大多数情况下,我们往往希望自己的页面是响应式的。

Angular Flex Layout 也提供了 Responsive API 帮助我们进行响应式布局。

只需在 Static API 后加上 breakpoint 后缀就可以,例如

<div fxShow fxHide.xs="false" fxHide.lg="true"> ... </div>
<div fxFlex="50%" fxFlex.gt-sm="100%"> ... </div>

和其他响应式 API 一样,这样就会引入一个所谓的 Fallback 策略的问题。

继续阅读Angular Flex Layout 进阶