How to scale app on different device

Hi,when i use ionic to build an app ,how can i make this works cross devices ,eg iPhone 4s - iPhone 6+,the font size is looks smaller on iphone 6 or iphone 6+

can someone give me some cases for study purpose please .

You’ll probably want to use media query breakpoints in CSS.

Basically, it allows you to define different screen sizes and depending on the size you can have different CSS.

That’s how you can do things like this:

Where depending on the size of the screen, you have a different layout, different font sizes etc.
There are some great (video) tutorials on this on the web. Just look around for ‘responsive web design’ and ‘media queries in css’.

@abbara Thanks for your reply

1 Like