Hi. This is probably a strange question, but I was wondering if there was a way to put a frame of a phone around the jquerymobile for view on a desktop but when the screen is small enough taking the phone frame away using media queries?
I am just making a conceptual prototype for a class and we need to be able to view and critique it within the phone frame on a projector from a desktop so everyone can critique at once, but also see it working on a phone and use the awesome functionality of jquerymobile to make prototyping easier.
So far I have got it to work when i resize everything in css to fit into the phone frame however when I use transitions they still occur on the entire browser and not within my container. When I put a container on the outside of the data-role="page" I lose any functionality.
So just a general inquiry on if this is possible and if you have any ideas for a good way of going about it.
I am attaching a screenshot of what I am talking about.