Stop the Bleeding
Before we can begin to deliver a great mobile experience, let’s focus on stopping the bleeding. The purpose of this chapter is to fix anything that looks broken or blocks people’s access to your content. Fortunately, many of the issues that cause these types of problems can be resolved with a handful of simple fixes.
Problems with Viewports and Resizing
On desktops and laptops, we have a bigger space to work with and can have multiple windows open and staggered across the screen. On mobile devices, you have only the small active area between the hardware and application chrome to work with. This space is the viewport. Many display issues are by-products of a mobile browser trying to translate how a desktop-sized design can map ...