Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 1 of 1
  1. #1
    Regular Coder
    Join Date
    Aug 2010
    Thanked 2 Times in 2 Posts

    @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.


Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts