css - 在 NativeScript 上支持表格和电话的单独 CSS

Question

如何获得对平板电脑和手机等多个屏幕的支持，以使用 Angular 在 NativeScript 中工作（我现在在 NS 5.1 上）？我目前正在尝试使用该nativescript-platform-css插件，它在元素上创建类phone和tablet类Page，然后提供不同的 CSS：

.phone :host .photo {
  width:300;
}

.tablet :host .photo {
  height:600;
}

问题是它在某些情况下可以正常工作，但在其他情况下则不行（至少不是角度）。例如，在模态中它并没有真正起作用，而且我还发现了其他有问题的情况。

我当然可以通过nsPlatform.deviceType插件创建的全局变量以编程方式应用 CSS，但这似乎不是那么“干净”，并且在每个组件上都需要一些我希望避免的代码。

文档中的多屏幕部分提到它不适用于 Angular 和 Webpack 构建（尽管 AFAIK 该项目现在默认迁移到 webpack）。

感谢任何贡献的想法！