如何在.angular-cli.json angular 5中添加css媒体查询

如何在.angular-cli.json angular 5中添加css媒体查询,css,angular-cli,Css,Angular Cli,我有一个要求,这取决于设备大小(台式机或平板电脑)要加载不同的样式表 在我的带有CLI配置的angular项目中,我以如下方式添加了样式 "styles": [ "dashboard-control/dashboard-panel.css", "dashboard-control/dashboard-changes.css", "styles.css" ], 我可以在Assets文件夹中添加我的样式,并在index.html中提供引用。使用媒体,我可以加载不同的样

我有一个要求,这取决于设备大小(台式机或平板电脑)要加载不同的样式表

在我的带有CLI配置的angular项目中,我以如下方式添加了样式

 "styles": [
    "dashboard-control/dashboard-panel.css",
    "dashboard-control/dashboard-changes.css",
    "styles.css"
  ],
我可以在Assets文件夹中添加我的样式,并在index.html中提供引用。使用媒体,我可以加载不同的样式

但是如何在.angular-cli.json中使用media='screen and(最大宽度:1366px)'

问候
Naresh

我认为您想要在.Angular-cli.json文件中执行的操作是不可能的。 将不同样式应用于仪表板的最佳方法是.css文件中的mediaqueries