As a little experiment, while I redesign my own site, I decided to create a ‘Viewport Viewer‘
It’s a little tool that’ll load up a site in an
iframe and let you re-size the
iframe to some specifics, like an iPhone, or iPad in portrait mode. Go play with it and see.
It’s pretty straight forward: enter your URL, then toggle between sizes as you see fit. If your site is responsive it should fit in the
iframe with out any issues.
It’s by no means meant to replace actual hardware testing with your sites, but it is quite handy during the initial phases of your responsive web development.
There are some downsides to it, however. One that I can think of is that it does not utilize ‘
min-device-width‘ or ‘
max-device-width‘, or any other ‘
device‘ related queries. Because, well, it’s all in a browser and not on a device.
Anyway, there’s the tool, hopefully it’s of some use to you. If not, oh well. It’s been useful to me.