CSS媒體查詢 - IE8仍然無法正常

我有點粗心通過提供Twitter的引導一個網站，我發現，IE8仍然不支持媒體查詢...CSS媒體查詢 - IE8仍然無法正常

我谷歌和發現了兩個解決方案： http://ghita.org/tipoftheday/css-media-queries-for-ie 和 http://code.google.com/p/css3-mediaqueries-js/

但兩者的它，解決不了我的問題，我這裏顯示：（使用CSS媒體查詢，換 http://www.doxadigital.com/scrape/mediaqueries.html（使用CSS3-mediaqueries.js）和 http://www.doxadigital.com/scrape/mediaqueries2.html ie.js）

任何想法如何解決我的問題，因爲我的網站使用多個@media

感謝

來源

2012-09-14 Viktor

在IE8中你的問題是什麼？ – Dipak

請始終在您的問題中包含相關代碼。外部鏈接很好，但如果它們不復存在，你的問題應該對其他人有用。至少，包括不起作用的css規則。 –

您有錯誤的DOCTYPE，請嘗試HTML5的文檔類型，然後重試：'<！DOCTYPE html>' –

首先，你需要切換到HTML5 doctype。其次，IE8本身不支持媒體查詢，因此您需要使用一個JavaScript polyfill（例如Respond）來允許響應元素。

來源

2012-09-14 16:09:20 acconrad

它似乎格式應該是「@media屏幕和....」，因爲不添加「屏幕和」腳本不起作用。我通常使用這種格式@media（min-width：xxxx），如bootstrap站點所示。 – Viktor

我是一名web開發人員，我在一個新聞網站使用bootstrap，但它不能在IE8上工作，我使用css3-mediaqueries.js javascript，但仍然無法正常工作。如果你希望你的媒體查詢與此javascript文件工作在CSS

在此處添加的畫面投放到媒體查詢行是一個示例：

<meta name="viewport" content="width=device-width" /> 
<script type="text/javascript" src="css3-mediaqueries.js"></script> 

<style> 
    @media screen and (max-width:900px) {} 
    @media screen and (min-width:900px) and (max-width:1200px) {} 
    @media screen and (min-width:1200px) {} 
</style> 

<link rel="stylesheet" type="text/css" href="bootstrap.min.css">

CSS鏈接線那麼簡單，以上線。

來源

2013-08-31 10:03:03 user1290329

CSS媒體查詢 - IE8仍然無法正常

回答

相關問題