IE11上的@media未知

Question

媒體查詢對我的網頁不起作用，在IE11中不起作用。 所以我想我將創建一個簡單的測試HTML頁面。 即使它在Chrome和Firefox以及Android瀏覽器中都可以運行，但在IE11中仍然無法通過。

這是代碼：

 <!DOCTYPE html PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN'><html> <head> <title>Foo</title> <style type="text/css"> @media (min-width: 640px) { h1 {font-size:56px;color:#0f0;} } @media (max-width: 640px) { h1 {font-size:9px;color:#00f;} } </style> </head> <body> <h1>Test</h1> </body> </html>

IE只是忽略所有樣式和檢查代碼，它已將檢查窗口中的樣式替換為：

<STYLE type=text/css>
@media Unknown    
{
H1 {
    FONT-SIZE: 56px; COLOR: #0f0
}
H1 {
    FONT-SIZE: 9px; COLOR: #00f
}

}
</STYLE>

我什至嘗試過：

@media all and (min-width: 640px) {
  h1 {font-size:56px;color:#0f0;}
}

@media all and (max-width: 640px) {
  h1 {font-size:9px;color:#00f;}
}

...並且....

@media all (min-device-width: 640px) {
  h1 {font-size:56px;color:#0f0;}
}

@media (max-device-width: 640px) {
  h1 {font-size:9px;color:#00f;}
}

...和...

@media all (min-width: 640px) and (max-width:1920) {
  h1 {font-size:56px;color:#0f0;}
}

@media all (max-width: 640px) {
  h1 {font-size:9px;color:#00f;}
}

我正在測試代碼的PC上有兩個屏幕連接。...這就是為什么IE無法確定媒體的原因？

很煩人。 無法忍受IE。 如果有人能闡明CSS為什么不能在IE上運行，我將不勝感激。

Answer 1

嘗試使用更新的doctype和html標簽的代碼

 <!doctype html> <html lang="en"> <head> <title>Foo</title> <style type="text/css"> @media (min-width: 640px) { h1 {font-size:56px;color:#0f0;} } @media (max-width: 640px) { h1 {font-size:9px;color:#00f;} } </style> </head> <body> <h1>Test</h1> </body> </html>

IE11上的@media未知

問題描述

1 個解決方案

解決方案1
0 已采納 2017-12-13 17:28:02

IE11上的@media未知

問題描述

1 個解決方案

解決方案1 0 已采納 2017-12-13 17:28:02

解決方案1
0 已采納 2017-12-13 17:28:02