0

好吧，我的 css 技能不是那么好......所以这可能是显而易见的，但我无法追踪这个问题的原因。

我mat-nav-list在一个带有 Angular Flex 布局的 div 中有一个 Angular Material Nav 列表：fxFlexOffset.gt-sm="15%" fxFlex.gt-sm="70%"

一切都很好，直到我低于 xs 断点。具有长文本的列表项不再被截断，并导致卡片的宽度超出屏幕宽度......

当我删除 fxFlex 属性时，问题就消失了。

Stackblitz 与 flex

没有弹性的 Stackblitz

4

1 回答 1

0

这是你想要的？

l t-sm="15%" l t-sm="70%"

代替

g t-sm="15%" g t-sm="70%"

在此处检查断点描述。

于 2018-01-08T06:08:42.863 回答