IE中的媒體查詢

我在響應式網站和Internet Explorer中遇到問題（轉到圖），我想知道是否有人可以看看nickpassaro.com頭部中的源代碼並幫助我找出問題爲什麼IE9和IE8不能正常工作。我不確定這是否與我的CSS問題，因爲我的所有三個樣式表通用的一些屬性不起作用（如標題的背景）。IE中的媒體查詢

我使用html5shiv作爲我的polyfill，它不是來自我的服務器上的本地副本。我還使用normalize.css表示，它適用於IE8 +

謝謝

來源

2013-03-04 Nick Passaro

我宣佈doctype的IE9的HTML，它現在的作品，但IE8不會接受shiv – 2013-03-04 15:12:41

https://github.com/scottjehl/Respond

如果你正在尋找更強大的CSS3媒體查詢的支持，你可以檢查出http://code.google.com/p/css3-mediaqueries-js/。在測試中，我發現在渲染複雜的響應式設計時（無論是在文件大小還是性能方面），腳本都會顯着慢，但它確實支持比此腳本更多的媒體查詢功能。給作者的大帽子提示！ :)

來源

2013-03-04 15:12:57 zloctb

有這兩種不同的方式，要麼你可以使用IE瀏覽器版本進行了一些jQuery的JS或這樣

function adjustStyle(width) { 
    width = parseInt(width); 
    if (width < 701) { 
     $("#size-stylesheet").attr("href", "css/narrow.css"); 
    } else if ((width >= 701) && (width < 900)) { 
     $("#size-stylesheet").attr("href", "css/medium.css"); 
    } else { 
     $("#size-stylesheet").attr("href", "css/wide.css"); 
    } 
}

，或者你可以爲不同版本的IE這樣所有版本寫不同的CSS IE的

<!--[if IE]> 
    <link rel="stylesheet" type="text/css" href="all-ie-only.css" /> 
<![endif]-->

特定版本

<!--[if IE 7]> 
    <link rel="stylesheet" type="text/css" href="ie7.css"> 
<![endif]-->

來源

2013-03-04 15:15:54

做一個瀏覽器檢查，如果IE瀏覽器實際上會做更多的傷害，而不是在路上好。爲了使您的代碼具有面向未來的優勢（並且因爲IE10的互操作性非常好，所以不會出現電流問題），您應該針對您要使用的特定CSS功能使用功能檢測。您可以利用http://modernizr.com/來簡化操作。這不僅會檢查舊IE版本，還會檢查其他非主流瀏覽器，從而使您的網站在更平臺上看起來更好。 – 2013-03-04 15:22:57

IE中的媒體查詢

回答

相關問題