媒體查詢不能在IE8中工作

我在學習媒體查詢，我需要一些幫助。媒體查詢不能在IE8中工作

我的代碼是不是在IE8工作

CSS

body { 
    font-size:11em; 
    color:#000; 
    transition:all .5s ease-in-out; 
    -o-transition:all .5s ease-in-out; 
    -moz-transition:all .5s ease-in-out; 
    -webkit-transition:all .5s ease-in-out; 
} 

@media screen and (max-width:500px) { 
body { 
     font-size:5em; 
     color:#ff0000; 
    } 
} 
</style>

HTML

<body> 
az a s d a sd 
</body>

請建議，我應該怎麼做，使之在IE8或較小的運行？我添加了css3-mediaqueries.js在</head>部分（您可以看到下面提到的代碼），但它不能幫助我。

<!-- css3-mediaqueries.js for IE less than 9 --> 
<!--[if lt IE 9]> 
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> 
<![endif]-->

感謝提前:)

來源

2013-06-27 Kamal

您是在本地運行還是在服務器上運行？我懷疑，IE8不會加載外部的JavaScript，如果它在本地運行。 –

我曾在本地和服務器上運行此代碼，但它不起作用 – Kamal

您是否嘗試過使用JS代碼的本地副本？控制檯中是否有任何錯誤消息？你採取了哪些其他調試步驟？媒體查詢是否可以在本地支持它們的其他瀏覽器中工作（IE9，FF等）？您的HTML處於標準模式（即它是否具有文檔類型？）並驗證它嗎？你是否包含了視口元標記（''）和CSS（'@ -ms-viewport {width：device-width; } @ -o-viewport {width：device-width;} @viewport {width：device-width;}'）？你能搭上一個JSFiddle來展示你的工作到目前爲止嗎？ –

如果CSS3，mediaqueries.js不會工作 - 嘗試Respond。只要保持此作注以及使用CSS3，mediaqueries.js - 這是從他們的site - >

注：不@ import'ed樣式表（你不應該使用反正上工作性能原因）。也不會聽<link>和<style>元素的媒體屬性。

來源

2013-06-27 11:15:43

仍然無法正常工作:(。 – Kamal

只是要說清楚 - 您正在談論媒體查詢的權利 - 而不是轉換 –

是的，我問的是媒體查詢 – Kamal

媒體查詢不能在IE8中工作

回答

相關問題