Question

在angular2应用中使用https://github.com/angular/material2和https://github.com/angular/flex-layout，我想将屏幕设置为固定宽度，而不是使用屏幕的整个可用宽度。

bootstrap 4中的等价物是使用

<div class="container">
  <!-- Content here -->
</div>

如下所示：http://v4-alpha.getbootstrap.com/layout/overview/

目前布局横跨整个屏幕。我的问题：我希望它只跨越一定的宽度。我该怎么办？这是我使用的当前html片段。

<md-toolbar color="primary" (click)="goHome()">
  <span>
      Democratizer    
  </span>
</md-toolbar>
<div class="app-content">
  <router-outlet></router-outlet>
</div>

您可以在此处找到原文：https://github.com/nemoo/democratizer-angular/blob/master/frontend-angular/src/app/app.component.html

Answer 1

正如您在材料设计页面上看到的那样，https://material.io/guidelines/它使用这种资源，因为它似乎是在@media标记中手动执行，修复width并使用{{1 }}

在角度flex-layout中设置固定屏幕宽度

1 个答案: