Fix IE 10 unter 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); ) ))();

Schnelle Hintergrundgeschichte

Damit IE 10 (Desktop) im neuen „Snap-Modus“ funktioniert, müssen Sie Folgendes verwenden:

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

Aber das bringt einige Windows Phone 8-Telefone durcheinander, überschreibt das Meta-Ansichtsfenster-Tag und macht es auf kleinen Bildschirmen viel zu groß. Die Antwort ist vorerst dieses knorrige Skript zur Erkennung / Injektion von Geräten.

Längere Hintergrundgeschichte

  • Matt Stow: Responsive Design in IE10 unter Windows Phone 8
  • Tim Kadlec: Windows Phone 8 und Gerätebreite