Поддержка отдельных CSS для таблиц и телефонов на NativeScript

Question

Как я могу получить поддержку нескольких экранов, таких как планшеты и телефоны, для работы в NativeScript с Angular (сейчас я на NS 5.1)? В настоящее время я пытаюсь использовать nativescript-platform-css плагин, который создает классы phone а также tablet занятия на Page элемент, а затем поставьте другой CSS в соответствии с:

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

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

Проблема в том, что в некоторых случаях он работает нормально, а в других - нет (по крайней мере, в угловых). Например, в модальных моделях это не работает на самом деле, а также я нашел другие случаи, которые являются проблематичными.

Я мог бы, конечно, применить CSS программно, идя по nsPlatform.deviceType глобальная переменная, которую создает плагин, но она выглядит не очень "чистой" и потребует довольно много кода для каждого компонента, которого я предпочел бы избежать.

В разделе с несколькими экранами в документах упоминается, что он не работает для сборок Angular и Webpack (хотя AFAIK проект теперь переходит в webpack по умолчанию).

Спасибо за любую мысль!