각 플렉스 레이아웃의 고정 스크린 너비 설정

angular2 앱에서 https://github.com/angular/material2 및 https://github.com/angular/flex-layout을 사용하여 화면의 전체 너비 대신 고정 너비로 설정하고 싶습니다. 여기에 도시 된 바와 같이각 플렉스 레이아웃의 고정 스크린 너비 설정

스트랩 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 그들이 고정 @media 태그에 수동으로 할 것 같다 당신이, https://material.io/guidelines/은 자원의이 종류를 사용, 재료 디자인 페이지에서 볼 수 있듯이

출처

2017-02-19 nemoo

width 및 를 사용하여 margin: auto

출처

2017-02-20 12:21:05

각 플렉스 레이아웃의 고정 스크린 너비 설정

답변

관련 문제