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.