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.
I would download the iphone developers toolkit and use the iphone simulator, and view the site through it. I believe it is free to download (I think), but you might have to register as an apple developer.
You could probably set up what you're trying to accomplish (your way) but it would be extremely difficult to get it to look right, as JQM is designed to use the whole viewport.
Leave a comment on hautehussey's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic