Napraw IE 10 na Windows Phone 8 Viewport - CSS-Tricks

Anonim
(function() ( if (navigator.userAgent.match(/IEMobile\/10\.0/)) ( var msViewportStyle = document.createElement("style"); msViewportStyle.appendChild( document.createTextNode("@-ms-viewport(width:auto!important)") ); document.getElementsByTagName("head")(0).appendChild(msViewportStyle); ) ))();

Szybka historia

Aby przeglądarka IE 10 (komputer stacjonarny) działała w nowym „trybie przyciągania”, należy użyć tego:

@-ms-viewport ( width: device-width; )

Ale to psuje niektóre telefony z Windows Phone 8, nadpisując metatag viewport i renderując jako zbyt duże na małych ekranach. Na razie odpowiedzią jest więc ten trudny skrypt do wykrywania / wstrzykiwania urządzeń.

Dłuższa historia

  • Matt Stow: Responsive Design w IE10 na Windows Phone 8
  • Tim Kadlec: Windows Phone 8 i szerokość urządzenia