Giter Club home page Giter Club logo

Comments (13)

GoogleCodeExporter avatar GoogleCodeExporter commented on August 14, 2024
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 [email protected] on 6 Jan 2012 at 3:41

from css3-mediaqueries-js.

GoogleCodeExporter avatar GoogleCodeExporter commented on August 14, 2024
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 [email protected] on 2 Feb 2012 at 9:58

Attachments:

from css3-mediaqueries-js.

GoogleCodeExporter avatar GoogleCodeExporter commented on August 14, 2024
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 [email protected] on 2 Feb 2012 at 11:51

from css3-mediaqueries-js.

GoogleCodeExporter avatar GoogleCodeExporter commented on August 14, 2024
What is it for if it doesn't work in IE7/8?

Original comment by [email protected] on 7 Feb 2012 at 2:58

from css3-mediaqueries-js.

GoogleCodeExporter avatar GoogleCodeExporter commented on August 14, 2024
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 [email protected] on 9 Feb 2012 at 8:10

from css3-mediaqueries-js.

GoogleCodeExporter avatar GoogleCodeExporter commented on August 14, 2024
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 [email protected] on 1 Jun 2012 at 7:56

from css3-mediaqueries-js.

GoogleCodeExporter avatar GoogleCodeExporter commented on August 14, 2024
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 [email protected] on 1 Jun 2012 at 7:58

from css3-mediaqueries-js.

GoogleCodeExporter avatar GoogleCodeExporter commented on August 14, 2024
Try using @media screen and (max-width: 767px)

Original comment by [email protected] on 6 Feb 2013 at 9:08

from css3-mediaqueries-js.

GoogleCodeExporter avatar GoogleCodeExporter commented on August 14, 2024
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 [email protected] on 21 Feb 2013 at 4:22

from css3-mediaqueries-js.

GoogleCodeExporter avatar GoogleCodeExporter commented on August 14, 2024
[deleted comment]

from css3-mediaqueries-js.

GoogleCodeExporter avatar GoogleCodeExporter commented on August 14, 2024
This solved for me: @media screen and (max-width: 767px)

Many thanks!!

Original comment by [email protected] on 8 Aug 2013 at 12:11

from css3-mediaqueries-js.

GoogleCodeExporter avatar GoogleCodeExporter commented on August 14, 2024
this works!, test your code creates a localhost server!

Original comment by [email protected] on 9 Feb 2014 at 9:57

from css3-mediaqueries-js.

GoogleCodeExporter avatar GoogleCodeExporter commented on August 14, 2024
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 [email protected] on 4 Apr 2014 at 11:46

from css3-mediaqueries-js.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.