I am working on the css for my new website, one of my consideration is that it has to be mobile friendly, much like posterous.com and avc.com ... Their website look awesome on my iPhone. Here's something I dun quite get.
At AVC, they include multiple css to make to make it mobile friendly. <link rel="stylesheet" href="/a_vc/style.css" type="text/css" media="screen" /> <link rel="stylesheet" href="/a_vc/touch.css" type="text/css" media="only screen and (max-device-width: 480px)" /> <link rel="stylesheet" href="/a_vc/touch.css" type="text/css" media="only screen and (min-device-width: 481px) and (max-device-width: 1024px)" /> <link rel="stylesheet" href="/a_vc/print.css" type="text/css" media="print" />
Nothing of this sort with posterous.com... I could be wrong here. Not sure if anyone else has got experience making their website mobile friendly, if so, please share.