Korjaa IE 10 Windows Phone 8 -näkymässä - CSS-temppuja

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

Nopea tarina

Jotta IE 10 (työpöytä) toimisi uudessa "napsautustilassa", sinun on käytettävä tätä:

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

Mutta se ruuvaa joitain Windows Phone 8 -puhelimia, ohittaen metanäkymän tagin ja tekee sen liian suureksi pienillä näytöillä. Joten vastaus on toistaiseksi tämä gnarly-laitteen havaitsemis- / injektiosarja.

Pidempi taustakerta

  • Matt Stow: Reagoiva suunnittelu IE10: ssä Windows Phone 8: ssa
  • Tim Kadlec: Windows Phone 8 ja laitteen leveys