2017-03-14 1 views
2

J'essaie de comprendre comment faire pour que mon application Angular 2 + Material Design soit complètement pleine largeur. Je sais que M.D. n'est pas fini mais il semble que la seule chose que je puisse faire est de mettre manuellement les marges du corps à 0, ce qui ne semble pas être une bonne réponse.Comment faire pour passer en plein écran sans marges

J'ai essayé de passer par le wiki pour le flex-layout mais je suppose qu'il me manque quelque chose. Toute aide serait appréciée Merci!

+0

conception matériel ne concerne pas la mise en page de votre page externe. Angular non plus. Ceci est une simple question CSS, et il semble que vous connaissiez déjà la réponse. – isherwood

+0

Copie possible de [Comment supprimer l'espace marge autour du corps ou effacer les styles CSS par défaut] (http://stackoverflow.com/questions/9547291/how-to-remove-margin-space-around-body-or-clear-default -css-styles) – zurfyx

+1

[flex-layout] (https://github.com/angular/flex-layout) est ce qui gère cela maintenant. – paqogomez

Répondre

3

Comme @isherwood a dit qu'il ne nécessite que quelques lignes de CSS. @ Angulaire/material2 n'a rien à voir avec cette :)

body, html{ 
 
    height: 100% 
 
} 
 
body{ 
 
    margin: 0; 
 
    background-color: rgba(255,0,0,.5); 
 
}