How To Write Scss Only For ios Device In Ionic 3, ionic 4, ionic 5

[Total: 1   Average: 5/5]

Ionic provides platform-specific styles based on the device the application is running on. Styling the components to match the device guidelines allows the application to be written once but look and feel native to the user depending on where it is accessed.

on the Html tag, it automatically adds a class according to device example if you are running an app in the android device it will ad “MD” or if you using ios then it will add a class “ios” on HTML tag and many of parents elements.

In android device

<html class="md">

In ios device

<html class="ios">
Platform Mode Description
ios ios Viewing on an iPhone, iPad, or iPod will use the iOS styles.
android md Viewing on any Android device will use the Material Design styles.
core md Any platform that doesn’t fit any of the above platforms will use the Material Design styles.




Leave a Reply

Generic selectors
Exact matches only
Search in title
Search in content
Search in posts
Search in pages