ABSTRACT
The term “mobile devices” describes a broad range of handheld computer technologies from small- and big-screen smartphones to tablets. While many of the general guidelines discussed in previous chapters for designing websites for desktop are also relevant to these devices, the differences in screen sizes and capabilities between desktop computers and the devices make it necessary to design specifically for them. Whether you choose to design a website specifically for a type of mobile device or you choose to use a responsive design that adapts to different ranges of screen-size devices, you still need to be aware of how to design effectively for each class of devices; recall from Chapter 21 that it is necessary to specify the layout details for each of the relevant screen sizes, using CSS @media at-rule.
