Web Site Designing for Mobile

Question

I just added printing capability to a web site using a style sheet (ie. @media print, etc.) and was wondering if I could use a similar method for adding support for mobile devices.

If not, how do I detect a mobile device? My pages are C# (.aspx) and I'd like to scale back the pages for ease of use on a mobile device.

Any advice for me?

EDIT: My wife has a BlackBerry, so at a miminum I'd like to enable our company's web site for that.

Answer 1

I'm not sure how the IPhone/iPod Touch declare themselves when requesting the stylesheet, but for most, using

<style type="text/css">
    @media handheld
    {
      /* handheld styles */
    }
</style>

should do the trick. It works in the same way @media print does (or doesn't).

For a complete list of media types, see here.