@import for mobile devices.
I'm trying out @import for the first time. I have a master stylesheet, with this at the top, to control the width of a navigation depending on how the page is accessed:
@import url(style-small.css) print, handheld;
@import url(mouseovertabs.css) screen;
But my droid seems to be accessing the mouseovertabs.css still, instead of style-small.css.
I want droids and iphones to go to style-small.css, and computer users to go to mouseovertabs.css
update: I also tried linking, to no avail:
<link rel="stylesheet" type="text/css" href="http://www.twigzy.com/main_mobile.css" media="handheld"/>
<link rel="stylesheet" type="text/css" href="http://www.twigzy.com/main.css" media="Screen"/>
Droid still seems to be going to the Screen stylesheet
Last edited by turpentyne; 10-06-2011 at 06:26 PM..