嵌入WebBrowser控件不尊重@media最大宽度属性

当我使用Active-X或.NET WebBrowser控件（围绕Active-X的薄包装）控件将WebBrowser控件嵌入到窗口中时，它似乎没有尊重@media css属性，如max-width。鉴于{} fiddle：当你的窗口比1000像素小嵌入WebBrowser控件不尊重@media最大宽度属性

<html> 
<head> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- necessary for tablets --> 
    <style> 
    #redBox { 
     background-color: red; 
    } 

    #blueBox { 
     background-color: blue; 
    } 

    @media (max-width: 1000px) { 
     #redBox { 
      display: none; 
      height: 0px; 
     } 
    } 
    </style> 
</head> 
<body> 
    <div id="redBox"> Red Box </div> 
    <div id="blueBox"> Blue Box </div> 
</body> 
</html>

红色框就会消失。

这适用于Chrome，Firefox和IE。但是，当我使用.NET WebBrowser控件在WebBrowser控件中加载页面或使用Active-X控件的非托管应用程序加载页面时，更改不起作用。使用file:///属性或http加载它无关紧要。

任何想法如何使它工作？

来源

2013-08-26 Wade Hatler