I would like to optimise my site for blackberrys, iphone etc. I have read a little up on using the relevant style sheet using this approach:
<link href="css/styles.css" rel="stylesheet" type="text/css" media="screen" />
<link media="only screen and (max-device-width: 480px) and (min-device-width: 320px)" href="css/mobile.css" type="text/css" rel="stylesheet" />
Sadly when i tested it on the iphone and blackberry nothing is changed. Does anyone have any experience or tutorials on how to tackle this type of scenarios?
I have used the following link as a reference but like i said i have run into a brick wall!