The multiplication of mobile devices makes it more and more difficult to ensure that your website looks fine on many screen resolutions and screen ratios, from the iPhone 320×480 to the Nook Color 600×1024. To make the matter worse, these devices can be held vertically or horizontally.
In the desktop world, web designs can easily scale up by using bigger empty margins for higher screen resolutions. But in the mobile world, screen real estate is precious, and should be fully used. Scaling down for smaller resolutions is also a challenge as it can lead to very small fonts with the auto-zoom of mobile browsers.
Once you’ve tested your web layout on one mobile device, or two if you’re lucky, you need to check how it looks on other devices. There are very few resources online that offer virtual mobile browsers for testing layouts. Mobilito.net was launched recently to fill this gap.