Codex tools: Log in / create account
Styling for Mobile devices (cell phones, some PDAs, etc) can be accomplished in much the same way as you can customize the style for printed pages.
The only difference between the two is that instead of using a media type of "print", you'll use a media type of "handheld".
User agents (web browsers) decide which CSS media type to use based on what they are doing. Much like the "print" media type is used by browsers whenever they print a document, the "handheld" media type is used by many different small-screen browsers, when present.
One of the things you might consider doing for small screens, is, for example, hiding the sidebars and other elements that are not text. Or, if you use a fixed width page, you'll probably want to eliminate that fixed width restriction, and perhaps make the blog entirely simple text format, allowing it to wrap properly on small screens.
If you lack a small screen web device to use, there are emulators available that can view your site in this mode. The Opera Mini Emulator can view your site, although the Opera Mini Beta Simulator is much easier to use.
This page is marked as incomplete. You can help Codex by expanding it.