Generally, there are two approaches for creating Web sites suitable for mobile devices:
• Build a dedicated site for mobile phones. That is, a site that is tailored for the mobile experience and that is separate from the site for desktop and tablet users. Sometimes tablets—especially the iPad—get their own version of a site, making a total of at least three sites.
• Build one site for all. Deliver all devices—from mobile phones to desktop computers—the same HTML, but style it differently so it’s device-appropriate. With some additional trickiness, you can even deliver different image and video sizes so mobile-phone users aren’t penalized by large downloads.
(Note that I’ll often use “desktop” in this chapter ...