These tips may be found elsewhere on the web already, I’m just archiving this info I put together a while back into a single repository in the form of a blog post.
Table quick reference for device screen sizes
|Device Type||Screen Size (width x height, in portrait view, landscape = swapped values)|
|Old iPhones up to iPhone 4S||320×480|
|iPhone 5 series||320×568|
|iPad (any model so far)||768×1024|
Online references for these screen sizes:
Some desktop browser tools to assist with testing mobile and tablet views of a website (there are more you can lookup yourself)
Safari has bulit in user agent switcher between iPhone, iPad, and normal Safari desktop. Not sure about resizing window to match user agent though.