媒體查詢在ie8中停止工作

我們仍然從ie8獲得大量流量，但我們決定採取響應式路由。我們已經獲得了ie8的媒體查詢，但是我們最新的模板還沒有成功。媒體查詢在ie8中停止工作

我們的CSS /視口設置在HTML head標籤：

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 
<link rel="stylesheet" media="screen" href="/request/css/bootstrap.css"> 
<link rel="stylesheet" media="screen" href="/request/css/bootstrap-responsive.css"> 
<link rel="stylesheet" media="screen" href="/request/css/styles.css"> 

<script src="http://www.oursite.com/js/modernizr.custom.2.6.2.js"></script> 
<!--[if (lt IE 9) & (!IEMobile)]> 
     <script src="http://www.oursite.com/js/respond.min.js"></script> 
<![endif]-->

我們的媒體查詢語法（使用自舉）：

@media (max-width: 767px) { }

我發誓，這在過去的工作，但現在沒有按」噸。我們嘗試過使用modernizr自定義的各種其他polyfill，嘗試使用html5 shiv代替modernizr，嘗試調整元視口設置，並嘗試使用不同的媒體查詢語法（@media screen ...）。我已經三重檢查了HTML並驗證。我們使用bootstrap中的row-fluid - 但它應該正確設置。我正在用盡想法。幫幫我？

來源

2012-11-02 monnie

嗨@Marc，只是好奇 - 爲什麼CSS3從中得到去除問題的標題？媒體查詢CSS3？還是我誤會了？ – monnie

我們儘量避免標題中的標籤。我知道媒體查詢也是一個標籤，但標題沒有意義。我認爲CSS3在標題中沒有必要。對不起，混淆 – Marc

好的。感謝您的解釋！ – monnie

我在一個新聞網站使用引導程序，但它不能在IE8上工作，我使用css3-mediaqueries.js JavaScript，但仍然無法正常工作。如果你希望你的媒體查詢與此javascript文件工作在CSS

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

<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>

來源

2013-08-31 10:09:18 user1290329

媒體查詢在ie8中停止工作

回答

相關問題