Export to GitHub

css3-mediaqueries-js - issue #9

Don't work for me in IE7/8


Posted on Aug 28, 2011 by Grumpy Elephant

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 Lion

Same 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 Rhino

not 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

Attachments

Comment #3

Posted on Feb 2, 2012 by Happy Lion

mediaqueries-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 Rabbit

What is it for if it doesn't work in IE7/8?

Comment #5

Posted on Feb 9, 2012 by Happy Elephant

I 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 Giraffe

It 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 Giraffe

I 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 Kangaroo

Try using @media screen and (max-width: 767px)

Comment #9

Posted on Feb 21, 2013 by Massive Kangaroo

Instead 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 Rhino

Comment deleted

Comment #11

Posted on Aug 8, 2013 by Happy Ox

This solved for me: @media screen and (max-width: 767px)

Many thanks!!

Comment #12

Posted on Feb 9, 2014 by Quick Ox

this works!, test your code creates a localhost server!

Comment #13

Posted on Apr 4, 2014 by Happy Ox

Back 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