Ištaisykite IE 10 „Windows Phone 8 Viewport“ CSS-gudrybės

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); ) ))();

Greita istorija

Norėdami, kad „IE 10“ (darbalaukis) veiktų naujuoju „snap mode“ režimu, turite tai naudoti:

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

Bet tai prisuka kai kuriuos „Windows Phone 8“ telefonus, nepaisydamas meta peržiūros srities žymos ir per daug pateikdamas mažuose ekranuose. Taigi kol kas atsakymas yra šis gnarly prietaiso aptikimo / injekcijos scenarijus.

Ilgesnė užpakalinė dalis

  • Mattas Stowas: reaguojantis dizainas „IE10“ sistemoje „Windows Phone 8“
  • Timas Kadlecas: „Windows Phone 8“ ir „Device-Width“