CSS media queries support in IE browser

StackOverflow https://stackoverflow.com/questions/3725736

  •  03-10-2019
  •  | 
  •  

Question

Please help me how can I use the media queries for IE browser? I have come across one jquery library: http://plugins.jquery.com/project/MediaQueries but I am unable to download this library.

Was it helpful?

Solution

Here's the download link: http://plugins.jquery.com/files/jquery.mediaqueries.js_9.txt

The reason for the download link's disappearance was touched upon briefly in the discussion on this question: jQuery plugin - Can't find download link

As far as I can tell from the plugin's homepage, the plugin allows this behaviors, which already exists on other browsers, to be used as per normal.

If you want to know more about the use of media queries you can have a look at these documents:

http://reference.sitepoint.com/css/mediaqueries
http://dev.opera.com/articles/view/safe-media-queries/

OTHER TIPS

I suggest not using javascript to simulate Media Queries.

Set up for mobile-first and see the absence of Media Queries as the first Media Query. Check out: Rethinking the Mobile Web by Yiibu

You can use

<!--[if (lte IE 8)&!(IEMobile)]>   <html lang="en" class="ieLte8"> <![endif]-->

So that you can use the selector .ieLte8 to do the same as you would for large displays via Media Queries.

The plugins.jquery.com site no longer works. If you go there it explains what happened and what they are trying to do to fix it. I have searched BING for jquery.mediaqueries.js. But have not been able to locate it although I found many instances of people using it and swearing by it.

This javascript library css3-mediaqueries.js found at http://code.google.com/p/css3-mediaqueries-js/ is supposed to be good for enabling this process though.

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top