I’ve built a simple little jquery mobile site, but I also need a very similar site for browser-based traffic. In fact, for the moment, the sites are exactly the same, except that I need to limit the width of the in-browser site to 650px or so.
Is there a simple way to do this? It would save me many hours of development time.
Also, looking forward, it would be super helpful to work from a single, common base of code for the mobile and browser-based sites, with only the differences maintained separately. Is there a framework or approach that can help me keep my code DRY?
Note: I’m aware of this question, but it’s slightly different, asking if jquery mobile can be used for desktop instead of mobile. I want to use the same code for both.
If you want to limit the page width it’s just css.
You can load a single css file for your browser specific site using CSS media queries.
Here is a link that can help you out.