For example meteor.com fits nicely into my ipad and even into my android phone. But this page makes it look like it does not fit at all.
Also tried other sites and had the same effect. Sites that have no magic css/js to cope with different screen sizes or devices. They work on the devices and not on this website.
I think it wasn't meant to be the kind of thing you open in your different devices and look how it looks rather, this is how content should adapt, does it make any sense?
<meta name="viewport" content="width=device-width; initial-scale=1.0">
this looks quite cool too, but changing between "devices" makes the iframe jump. anyway, cool stuff! martin
http://responsive.is/ animates the iframe resize meaning the event will be repeatedly fired.
I'd love to be able to send an email to some potential clients along the lines of 'Have you thought about responsive design? Here's why it matters in the context of your current site.'
But i tell you what does? Testing on actual devices with an amazing tool called adobe shadow.
VIDEO: http://tv.adobe.com/watch/adobe-technology-sneaks-2012/adobe...
I also like http://mattkersley.com/responsive/ which shows different resolutions side by side, I find it easier to compare.
Something to be aware of!
Clicking on the landscape iphone while in portrait iphone mode shows the full landscape embedded webpage on top of the frame while the frame resizes, which is kinda jarring.
http://responsive.is/ for example.
