searching the web I didn’t really find a great solution for a master detail layout working on tablet as well as on phone.
So I took what I found and developed a template app to handle this quest.
I didn’t use media queries but instead used the cordove isTablet plugin for determing if app runs on tablet or on phone. If the plugin is not available, for example when using ‘ionic serve’ I added a fallback to isTablet = true. You can play araound with that value to see how it looks on a phone or a tablet.
If you have any suggestions to improve performance or other aspects please let me know.
I suppose that there are many developers like me have to handle the layouts for phones and tablets so I hope that this is helpful.
I uploaded the app on github here