Angular SCSS样式问题

时间:2019-04-17 14:07:35

标签: html angular

所以基本上,我试图让页眉达到页面的整个宽度,但事实并非如此。标头的每一端都剩余一个白条,该白条不起作用。我尝试重置默认浏览器设置,但似乎不起作用。我现在也在学习Angular。

SCSS代码:

@import url('https://fonts.googleapis.com/css?family=Coda');
body {
  padding: 0 auto;
  height: 100%;
  margin: 0 auto;
}
header {
  width: 100%;
  background-image: linear-gradient(black,blue);
  .headerTitle{
    font-size: 50px;
    font-family: 'Coda', cursive;
  }
}

1 个答案:

答案 0 :(得分:0)

您需要将.header放入CSS

 @import url('https://fonts.googleapis.com/css?family=Coda');
body {
  padding: 0 auto;
  height: 100%;
  margin: 0 auto;
}
.header {
  width: 100%;
  background-image: linear-gradient(black,blue);
  .headerTitle{
    font-size: 50px;
    font-family: 'Coda', cursive;
  }
}