I'm using media queries for desktop vs. tablet vs. smartphone on my site
(and the media query code is taken directly from the developer of the
Lynda.com adaptive design course). My site is:
http://www.redkitecreative.com
I can't replicate this problem on any of our Windows 7 machines... Three
people have told me that they're seeing the handheld version of my site
when using FF, IE9 or Chrome at full screen on Windows 7, Vista or Mac.
One of them says they see the handheld version at *all* resolutions on
their Windows machine. However, three others tell me they see only the
desktop version of the site on FF, IE9 or Chrome on Windows, full screen
or not.
This is from header.php:
<meta name="viewport" content="width=device-width, initial-scale=1,
maximum-scale=1" />
<link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri();
?>/css/handheld.css" media="(max-device-width: 480px)" />
<link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri();
?>/css/tablet.css" media="(min-device-width:768px) and
(max-device-width:1024px)" />
<link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri();
?>/css/tablet.css" media="(min-device-width:1280px) and
(max-device-width:1280px)" />
<link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri();
?>/css/tablet.css" media="(min-device-width:800px) and
(max-device-width:800px)" />
I don't know how to fix this, especially since I can't see it happening.
Can someone help?
--
Debbie Campbell
www.redkitecreative.com
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
