Go Back   CodingForums.com > :: Client side development > General web building > Building for mobile devices

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 10-06-2011, 04:49 PM   PM User | #1
turpentyne
Regular Coder

 
Join Date: Aug 2010
Posts: 309
Thanks: 10
Thanked 1 Time in 1 Post
turpentyne is an unknown quantity at this point
@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 05:26 PM..
turpentyne is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 08:07 AM.


Advertisement
Log in to turn off these ads.