媒體查詢不能在Internet Explorer 11中工作

嗨，大家好我目前正在用WordPress創建我的投資組合網站www.yewtreeweb.co.uk。不過，我在獲取媒體查詢在Internet Explorer 11中工作時遇到問題。媒體查詢不能在Internet Explorer 11中工作

當我添加媒體查詢時，樣式不會顯示在Internet Explorer的檢查元素控制檯中，但會顯示BootStrap的媒體查詢。這是與WordPress的事情，或者我做錯了什麼？

另外，如果不在媒體查詢中，我的樣式也會起作用。

@media screen and (min-width: 1024px){ 
     @media screen and (min-width: 64.000em){ 
      #imgholder-left{ 
       padding-right: 0; 
      } 
      #imgholder-right{ 
       padding-left: 0; 
      } 
      #leftimg > img { 
       width: 400px; 
       } 
       #rightimg > img { 
       width: 600px; 
       } 
     } 
    }

來源

2014-09-26 Mat Teague

我不認爲你可以嵌套媒體查詢 – ckuijjer 2014-09-26 12:21:56

嵌套媒體查詢*是*允許在[CSS3]（http://www.w3.org/TR/css3-conditional/#processing）（但不是2.1） – Moob 2014-09-26 12:40:10

代替

@media screen and (min-width: 1024px){ 
    ... 
}

使用本

@media all and (min-width: 1024px) { 
    ... 
}

來源

2014-09-26 12:21:58

或因爲它是最小寬度1024只是爲該網站設置默認的CSS並離開關閉媒體查詢... – 2014-09-26 12:32:38

嗨Vitorino謝謝你的幫助。現在查詢顯示在IE11中，謝謝。然而，它並沒有真正的工作，因爲它仍然適用於分辨率低於1024像素時的樣式，並且完全不顯示，當更改爲最大時 – 2014-09-26 12:45:59

也將@ media screen更改爲@ media全部嵌套到嵌套樣式（min-width：64.000 em） – 2014-09-26 12:50:24

雖然嵌套的媒體查詢被允許CSS3（而不是2.1），我可以想像，這正是諸如此類的事情，它存在跨瀏覽器問題。

我不明白你爲什麼兩次測試的最小寬度，但考慮將它們放在同一個查詢，comma-separated to signify an OR：

@media screen and (min-width: 1024px), screen and (min-width: 64.000em) { 
    //if *either* of these are matched then apply these rules 
    //... 
}

來源

2014-09-26 12:44:46 Moob

感謝您的回覆Moob。這正是我在大學裏被教授將他們嵌入查詢的方式。 – 2014-09-26 12:59:19

媒體查詢不能在Internet Explorer 11中工作

回答

相關問題