What steps will reproduce the problem? 1.Don't work in ie7/8 2. 3.
What is the expected output? What do you see instead? Don't load css on different resolution
What version of the product are you using? On what operating system? Lastest, Windows 7 ultimate
Please provide any additional information below. is html5 layout with modernizr ...
Comment #1
Posted on Jan 6, 2012 by Happy LionSame here the whole site crashes in ie7 and ie8 when loaded on an external server, locally (Mac with parallels Windows 7) it works fine.
Comment #2
Posted on Feb 2, 2012 by Happy Rhinonot working for me in ie8 as far as font sizes go...at any measurement(em, px, pt - etc). except for - and this is really odd - if i copy an embed code from youtube. i'll spare the whole code. but lets just say I use ....STYLE TYPE="text/css" > @media only screen and (min-width: 800px) and (max-width: 1212px) { body{ font-size:25px; } } @media only screen and (min-width: 640px) and (max-width: 799px) { body{ font-size:12px; } } .............................................
...BODY> hello world i am testing media queries with text blah blah blah ^^^^^^^^^^this doesn't work in ie8
however : this WILL work : ...BODY> hello world i am testing media queries with text blah blah blah
and i'm doing work for a client requesting this feature on a wordpress site. I actually went through the pages and created an invisible div with a youtube embed in it just so i wouldn't have to scrap all my precious mediaqueries work
attached is my testing file. I'm using windows 7 btw. I use the ie developer tool to preview ie8 mode. client is on XP with ie8. client verifies testing that the youtube embed fixes mediaqueries(after I put in the youtube junk)
please help
- index.php 1.01KB
Comment #3
Posted on Feb 2, 2012 by Happy Lionmediaqueries-js ia not goingf to work on ie 7/8 but you can use the 1140 responsive grid, and your measurements can not be in pixels if you are going for a responsive design, they have to be in percentages.
Comment #4
Posted on Feb 7, 2012 by Grumpy RabbitWhat is it for if it doesn't work in IE7/8?
Comment #5
Posted on Feb 9, 2012 by Happy ElephantI suggest you use respond.js instead, works really well just make sure your browser is not in quirks mode - this drove me crazy for hours!
Comment #6
Posted on Jun 1, 2012 by Helpful GiraffeIt works fine in ie7 and 8, particularly if you use an absolute path to the js file.
and you make sure your .htaccess resolves to the domain name without the www
Comment #7
Posted on Jun 1, 2012 by Helpful GiraffeI would also test on http://browserstack.com/, the preview tool and other tools to have more than one ie version can be freaky, especially with forms.
Comment #8
Posted on Feb 6, 2013 by Grumpy KangarooTry using @media screen and (max-width: 767px)
Comment #9
Posted on Feb 21, 2013 by Massive KangarooInstead of placing the HTML file (obviously with css3-mediaqueries.js linked to the head tag) on the local machine, place it on the server and then request it. When I run the HTML file locally, it doesn't work. But when I request the same from the server it works absolutely fine.
Comment #10
Posted on Apr 22, 2013 by Grumpy RhinoComment deleted
Comment #11
Posted on Aug 8, 2013 by Happy OxThis solved for me: @media screen and (max-width: 767px)
Many thanks!!
Comment #12
Posted on Feb 9, 2014 by Quick Oxthis works!, test your code creates a localhost server!
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