我如何获得对多个屏幕(例如平板电脑和手机)的支持,以便在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,但这似乎不是那么“干净”,并且在每个我希望避免的组件上都需要一些代码。
docs中的“多屏幕”部分提到它不适用于Angular和Webpack构建(尽管AFAIK该项目现在默认情况下正在移至Webpack)。
感谢任何有贡献的想法!