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