Is Your Website Responsive?
240 x 320 (tiny phone)
320 x 480 (iPhone 4)
480 x 640 (small phone)
768 x 1024 (iPad - Portrait)
1024 x 768 (iPad - Landscape)
A tool by Matt Kersley - Fork it on Github
Note from Matt: The content width may not be pixel perfect - I have added 15px to the iframes to cater for the scrollbars
Note people these are not going to pick up specific code for devices; this is just to get an idea. Thank you very much Matt. :) I added a bit...
Testing Larger Resolutions
Zoom out (control - ) until the frame looks like the suggested inch size on your screen. (control + to zoom in, and control zero to reset) If you do this with Internet Explorer it may not come out looking right; might try the Chrome browser instead.
Display width 1600px, height 900, old medium 17" laptop screen
~
Display width 1920px, height 1200, old medium-large desktop monitor
Nexus 7 tablet (7"), Kindle Fire HD tablet (8.9"), Nook HD tablet (9"), Nokia Lumia HD 1520(6")
~
Display width 2048px, height 1152
~
Display width 2560px, height 1440, normal large desktop screens 24-30", notebooks & tablets
~
Display width 3200px height 1800 pixel dimensions of Samsung 13" netbook released May 2013
Go ahead and zoom out until this frame looks like it's about 13 inches.
Display width 3840px height 2160
End of resolution examples
Remember to press control-zero to reset your browser size
Back to SeeMe Digital