Make a website appear in an iframe as if it was on a smartphone?

Issue

If I have an iframe, opening te url http://www.google.com, it loads the whole webpage, unless there is a mobile stylesheet, like it would on a desktop browser, with scroll bars. How do I make it open it as if it was being viewed on a smartphone?

<iframe id="frame" src="http://www.google.com" width="320" height="480"></iframe>

Solution

There is no way for a website to instruct a browser to masquerade as a mobile browser when loading a page in an iframe.

You would need the page in the frame to be accessible under a different URI that would offer up the mobile content and stylesheets by default instead of using any kind of detection (be it media queries, user-agent sniffing, or anything else).

Answered By - Quentin