How it works...

Ionic automatically created platform-specific parent classes and put them at the <body> tag. The iOS app will include the .ios class. The Android app will have the .md class. So, for style sheet customization, you can leverage those existing classes to change the look and feel of your app.

Ionic documentation has a list of all platform modes and configuration properties at http://ionicframework.com/docs/v2/theming/platform-specific-styles/.

Platform

Mode

Details

iPhone/iPad/iPad

ios

The iOS style is used across all Apple products

Android

md

md means Material Design as this is the default design for Android devices

Windows Phone

wp

Viewing on any Windows device inside Cordova or Electron uses ...

Get Ionic Cookbook - Third Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.