结合使用Microsoft特定的CSS规则来过滤IE11：
<!doctype html><html> <head> <title>IE10/11 Media Query Test</title> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <style> @media all and (-ms-high-contrast:none) { .foo { color: green } *::-ms-backdrop, .foo { color: red } } </style> </head> <body> <div >Hi There!!!</div> </body></html>之所以这样的过滤器，是因为以下原因：
当用户代理无法解析选择器时（即，它不是有效的CSS 2.1），它必须忽略选择器以及随后的声明块（如果有）。
<!doctype html><html> <head> <title>IE10/11 Media Query Test</title> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <style> @media all and (-ms-high-contrast:none) { .foo { color: green } *::-ms-backdrop, .foo { color: red } } </style> </head> <body> <div >Hi There!!!</div> </body></html>
