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.

Thanks!

I am attaching a screenshot of what I am talking about.