Use media types
What looks good on a PC monitor may not work at all on
the small screen of a PDA. Fortunately, you can give the PDA its own
set of presentation instructions by creating a style sheet crafted
specifically for handheld devices. The HTML media
attribute allows you to target a
number of media including (but not limited to) screen, print,
projection, and handheld. CSS media types are discussed in further
detail in Chapter 16.
To create a link to a style sheet that is used only by handheld devices, use the code:
<link rel="stylesheet" href="smaller.css"media="handheld" />
Get Web Design in a Nutshell, 3rd Edition now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.