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;
  }

除了媒体查询以外的其他样式在组件中都可以正常工作，但是媒体查询无法正常工作。这是我的工作组成部分。

@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"
],

Angular 6媒体查询问题

1 个答案: