> What steps will reproduce the problem?
- Include <link rel="stylesheet" href="media-wide.css" media="screen and (min-width: 1000px)" /> in the markup, along with css3-mediaqueries.js
- Resize the window above 1000px.
> What is the expected output? What do you see instead?
I would expect to see the new styles in media-wide.css included. (I now realize that @media blocks in non-query-enabled link elements are parsed.)
> Please provide any additional information below.
I realize that this would be an enhancement of the existing script.
Comment #1
Posted on Mar 7, 2011 by Grumpy PandaComment deleted
Comment #2
Posted on Mar 7, 2011 by Grumpy PandaComment deleted
Comment #3
Posted on Mar 7, 2011 by Grumpy PandaComment deleted
Comment #4
Posted on Mar 7, 2011 by Grumpy PandaIMPORTANT NOTE: I only managed to get css3-mediaqueries.js to work for std IE desktops (my control for older browsers without media query support) when hosted on a server or localhost server.
Comment #5
Posted on Feb 19, 2012 by Happy ElephantSame for me: only works when hosted on a server or localhost server.
Comment #6
Posted on Jun 19, 2012 by Happy LionI managed to make this work with tags with a little patch. If you download the development version (http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries_src.js) and and go to line 436 and add this small snippet:
if(link.getAttribute("media").replace(/^\s\s*/, '').replace(/\s\s*$/, '') != ""){ text = "@media " + link.getAttribute("media").replace(/^\s\s*/, '').replace(/\s\s*$/, '') + "{" + text + "}";}
Then you can make it work.
- css3-mediaqueries_src.js 26.03KB
Comment #7
Posted on Jul 5, 2012 by Quick Bird+1 for incorporating softtek's fix into the codebase...
Comment #8
Posted on Nov 28, 2012 by Quick DogHi softtek I have tried the above code with applied patch but still the is not working.
Comment #9
Posted on May 31, 2013 by Helpful BirdIt may work.. Try in localhost or your server.
Comment #10
Posted on Jul 9, 2013 by Massive OxI have used CSS-mediaqueries.js on my file but there is not working properly in ie8. Please resolve this issue ASAP. Anyone can help me?
- css3-mediaqueries.js 15.64KB
Comment #11
Posted on Jul 14, 2013 by Happy RhinoAssuming this project is abandoned; would like to mark this issue Closed / WontFix.
Comment #12
Posted on Aug 24, 2013 by Massive Pandahi, softtek. I have a try as you steps,It's OK when running in the local testing server, but as it release on server,It doesn't work? what about that ? could you help me ?
Comment #13
Posted on Apr 4, 2014 by Happy OxBack from the dead... There is a new version of the script. It has some CSS parsing and processing improvements. If you're still using it, or would like to try again, could you confirm that this issue is solved or not?
Status: New
Labels:
Type-Defect
Priority-Medium