I am building an app using angularjs and cordova targetting primarily the iPad. However, I've tested out the app on an iPhone and everything works great, except the app needs to be re-formatted in many ways to suit the smaller screen resolution. I would love to support both devices with a single code base, and deploy only a single app to the App store. I am looking for good techniques for achieving this.
I've seen two ways to support multiple screen resolutions with the same code base: swapping CSS based on media queries, and dynamically swapping out HTML templates for views and directives. I would like to solicit some opinions on this. Does it make sense to have a single code base for phone and tablet? One fear I have is that the dramatically different screen real estate would force me to not only change every template, but I would also have to have completely different navigation and user flow, and therefore much of the javascript would change as well. If that happens it seems better to just have two different code bases. Thoughts? -- You received this message because you are subscribed to the Google Groups "AngularJS" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/angular. For more options, visit https://groups.google.com/groups/opt_out.
