Question

我正在使用Material Design和FlexLayout进行Angular 7项目

我无法弄清楚为什么Mat-menu会这样：当我的窗口大于1032像素时，mat-menu不会根据其项目大小和内容截断。

我做错什么了吗？

我已经进行了一次简单的Stackblitz演示，以显示问题：https://stackblitz.com/edit/mat-menu-issue20190102

Answer 1

最后找到了问题。这是因为我的身体固定宽度为980px，margin：0为auto（使网站内容居中）。

我最终将自己包装在<div id="appContainer">内，并将样式应用于此div：

<body>
  <div id="appContainer">
    <app-root></app-root>
  </div>
</body>

#appContainer {
    height: 100%;
    margin: 0 auto;
    color:#444444;
    max-width: 980px;
    min-width: 400px;
}

1033像素的mat-menu尺寸问题；截断数据

1 个答案: