Проблема Angular 6 Media Query

Question

Я работаю над сайтом Angular 6.У меня есть компонент с именем our-work.ts, я глобально определяю его медиазапрос в файле global.scss, вот так:

@media only screen and (max-width: 767px){
  .pull-custom-left {
    float: none;
  }
  .popular-work .img-section .hovereffect a, .popular-work .img-section .hovereffect p {
    margin-top: 10px;
    font-size: 14px;
  }

другие компоненты, кроме медиазапроса, работают нормально в компоненте, но медиазапрос не работает.Это мой компонент нашей работы.ts

@Component({
  selector: 'app-our-works',
  templateUrl: './our-works-talk.component.html',
  styleUrls: ['./our-works-talk.component.scss'],

})

Answer 1

Вы должны добавить файл global.scss в файл angular.json.

"styles": [
  "src/styles.css",
  "src/global.scss"
],