duckfly-tw / css3-mediaqueries-js

Automatically exported from code.google.com/p/css3-mediaqueries-js
0 stars 0 forks source link

Don't work for me in IE7/8 #9

Open GoogleCodeExporter opened 9 years ago

GoogleCodeExporter commented 9 years ago
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 ...

Original issue reported on code.google.com by ezequiel...@gmail.com on 28 Aug 2011 at 4:00

GoogleCodeExporter commented 9 years ago
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. 

Original comment by stevo.pe...@gmail.com on 6 Jan 2012 at 3:41

GoogleCodeExporter commented 9 years ago
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; 
    }
}
</STYLE>
<SCRIPT SRC="css3-mediaqueries.js" ></SCRIPT>
.............................................

...BODY>
hello world i am testing media queries with text blah blah blah
</body>
</html>
^^^^^^^^^^this doesn't work in ie8

however : this WILL work :
...BODY>
hello world i am testing media queries with text blah blah blah
<iframe width="420" height="315" src="http://www.youtube.com/embed/diHk7xJAmD0" 
frameborder="0" allowfullscreen></iframe>
</body>
</html>

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

Original comment by dcwilli...@gmail.com on 2 Feb 2012 at 9:58

Attachments:

GoogleCodeExporter commented 9 years ago
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.

Original comment by stevo.pe...@gmail.com on 2 Feb 2012 at 11:51

GoogleCodeExporter commented 9 years ago
What is it for if it doesn't work in IE7/8?

Original comment by m...@marcantoinelemieux.com on 7 Feb 2012 at 2:58

GoogleCodeExporter commented 9 years ago
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!

Original comment by emmander...@gmail.com on 9 Feb 2012 at 8:10

GoogleCodeExporter commented 9 years ago
It works fine in ie7 and 8, particularly if you use an absolute path to the js 
file. 

<!--[if lt IE 9]><script 
src="http://domainname.com/assets/js/html5.js"></script>
<![endif]-->

<!--[if lt IE 9]><script 
src="http://domainname.com/assets/js/css3-mediaqueries.js"></script><![endif]-->

and you make sure your .htaccess resolves to the domain name without the www

Original comment by christin...@gmail.com on 1 Jun 2012 at 7:56

GoogleCodeExporter commented 9 years ago
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.

Original comment by christin...@gmail.com on 1 Jun 2012 at 7:58

GoogleCodeExporter commented 9 years ago
Try using @media screen and (max-width: 767px)

Original comment by wombatme...@gmail.com on 6 Feb 2013 at 9:08

GoogleCodeExporter commented 9 years ago
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. 

Original comment by anup.vas...@gmail.com on 21 Feb 2013 at 4:22

GoogleCodeExporter commented 9 years ago
[deleted comment]
GoogleCodeExporter commented 9 years ago
This solved for me: @media screen and (max-width: 767px)

Many thanks!!

Original comment by andretri...@gmail.com on 8 Aug 2013 at 12:11

GoogleCodeExporter commented 9 years ago
this works!, test your code creates a localhost server!

Original comment by ironluis...@gmail.com on 9 Feb 2014 at 9:57

GoogleCodeExporter commented 9 years ago
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?

Original comment by wou...@dynora.nl on 4 Apr 2014 at 11:46