Note that there are some explanatory texts on larger screens.

plurals
  1. POinternet explorer, modernizr.js, respond.js, html5shiv.js, ie-7.js compatibility
    primarykey
    data
    text
    <p>I have updated my code to latest <strong><em>Twitter Bootstrap v3</em></strong>, and it has dropped support for older (ie7 or less) browsers, even ie8 / ie9 are not fully supported, so I am trying to use some third party plugin / scripts so I don't have to write IE specific css unless it's critical or necessary (<strong><em>not</em></strong> worried about css3 shadows, rounded corners etc).</p> <p><em><strong>modernizr.js</em></strong> I will be using this, <strong><em>respond.js</em></strong> (I think I will be using it as well for media queries support in older browsers)</p> <p>now tell me if modernizr.js and respond.js can work together</p> <p>also </p> <p>I think <strong>*<em>html5shiv.js</em></strong> is not required as modernizr.js covers it (tell me if it does)? and also can I load alongside respond.js if modernizr.js doesn't provide html5 enhancement?</p> <p>tell me if I still need to use <strong><em>ie9.js</em></strong>? if yes with which combination?</p> <p>As I want </p> <p>a) Media queries support b) Browser detection for css3 features support (which modernizr.js does well) c) Would like my website(s) to work in IE browsers (<strong><em>not</em></strong> worried about shadows, rounded corners etc, just bug's layout, float, etc)</p> <p>so help me with this situation, oh and I also use</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;!--[if lt IE 7]&gt; &lt;html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en-US"&gt; &lt;![endif]--&gt; &lt;!--[if IE 7]&gt; &lt;html class="no-js lt-ie9 lt-ie8" lang="en-US"&gt; &lt;![endif]--&gt; &lt;!--[if IE 8]&gt; &lt;html class="no-js lt-ie9" lang="en-US"&gt; &lt;![endif]--&gt; &lt;!--[if gt IE 8]&gt;&lt;!--&gt; &lt;html class="no-js" lang="en-US"&gt; &lt;!--&lt;![endif]--&gt; &lt;!--&lt;html class="js"&gt;--&gt; &lt;head&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt; </code></pre> <p>so tell me I need to do something with these as well to achieve my desired result (specially <strong><em>chrome-1</em></strong> should I be using it?</p> <p>Thanks</p> <p>*<strong><em>UPDATE:</em>*</strong> Since I asked this question, I am using this approach, I am using custom modernizr build without html5shiv, and I dropped <code>ie7.js</code> tried <code>ie9.js</code> same results (found it v. buggy instead of helping was causing issues), using <a href="https://github.com/scottjehl/Respond" rel="nofollow">respond.js</a> and separate <a href="https://github.com/aFarkas/html5shiv" rel="nofollow">html5shiv</a> and it has been working for me fine since.</p> <p>Now I also use this tag, <code>&lt;meta http-equiv="X-UA-Compatible" content="IE=edge" /&gt;</code> dropped <strong>chrome=1</strong></p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload