Jak wyizolować konkretne platformy za pomocą selektorów CSS w strukturze jonowej

Question

Natknąłem się na rzadką sytuację (choć jest to zrozumiałe, biorąc pod uwagę różne zachowania nawet na Androida i iOS), gdzie chciałem użyć innego stylu specjalnie dla iOS w aplikacji Cordova I rozwijam się na strukturze jonowej.

Zastanawiam się, jaki jest najlepszy sposób izolowania moich selektorów na podstawie platformy? Zasadniczo zastanawiałem się, w jaki sposób mogę wstawić klasę do tagu body każdej strony w mojej aplikacji identyfikującej platformę.

Moją początkową opcją było użycie CordovaDeviceModule i zwrócenie platformy za pomocą niestandardowej dyrektywy lub klasy ng. Ale czy jest to trochę ciężkie, czy jonowe zapewnia dokładniejszy sposób identyfikacji platformy?

Używam jonowe, v1.0.0-beta.13

Answer 1

Okazuje się jonowe mają zajęcia platformy upieczone do klasy już ciała, łatwo i przyjemnie.

Wszystko co musiałem zrobić, to wybierz się na

.platform-ios { 

} 

tutaj jest artykuł z większą

http://forum.ionicframework.com/t/how-to-use-platform-ios-and-platform-cordova-css-classes/5898

Wciąż nie udało się znaleźć jasną listę dostępnych ciała selektory platform zostały udokumentowane, ale oto, co znalazłem do tej pory.

.platform-ios 
.platform-cordova 
.platform-ipad 
.platform-browser 
.platform-linux 
.platform-android 
.platform-android4_2 
.platform-c 
.platform-macintel 
.platform-ios8 
.platform-ios8_1 
.platform-webview 

myślę platformy C odnosi się do klasy urządzeń jak omówiono tutaj: http://ionicframework.com/docs/api/utility/ionic.Platform/