Angular 6媒体查询问题答案

【问题标题】：Angular 6 Media Query issueAngular 6媒体查询问题
【发布时间】：2019-08-06 15:48:52
【问题描述】：

我正在开发一个 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'],

})

【问题讨论】：

标签： javascript css angular sass

【解决方案1】：

您必须将文件 global.scss 添加到您的 angular.json 文件中。

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

【讨论】：

还是同样的问题，没有效果
那么这个问题我就不清楚了。您可以尝试在堆栈闪电战中重现该行为吗？