Different screen orientations for different screen sizes?


On Ionic 3, it gives you an option to choose app’s screen orientation… you can make it either landscape or vertical.
However, this really doesn’t give me an answer to what I’m trying to accomplish.
I want my app to stay in vertical (normal) screen orientation for all smartphones under 6" screen sizes.
and I want it to stay in landscape mode for 7inch, 8inch, 10 inch tablets…
This is very easy to accomplish in normal media queries…
Is there a way to use Ionic’s native feature to do this?


I found out a solution to this problem:

Set screen orientation using native feature…

and then use media query to rotate your screen for different screen sizes you want.

Once screen orientation is locked with native feature, media query will work just fine with it.