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 ...

Get Mobile Web Triage: What to Do When Your Website Is Not Mobile Friendly now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.