Когда я встраиваю элемент управления WebBrowser в окно с помощью элемента управления Active-X или .NET WebBrowser (тонкая оболочка вокруг Active-X), он не выглядит для оценки @media css-атрибуты, такие как max-width. Учитывая {fiddle}:Встраиваемый элемент управления WebBrowser, не учитывающий атрибут max-width @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>
Красная коробка должна исчезнуть, когда вы сделать окно меньше 1000px.
Это работает в Chrome, Firefox и IE. Однако при загрузке страницы в элементе управления WebBrowser с помощью элемента управления NET WebBrowser
или неуправляемого приложения с помощью элемента управления ActiveX X изменение не работает. Неважно, загружаю ли я его с помощью атрибута file:///
или с помощью http.
Любая идея, как заставить ее работать?