Betulkan IE 10 pada Windows Phone 8 Viewport - Trik CSS

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

Jalan belakang cepat

Agar IE 10 (desktop) berfungsi dalam "snap mode" baru, anda perlu menggunakan ini:

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

Tetapi itu mengacaukan beberapa telefon Windows Phone 8, mengatasi tag meta viewport dan menjadikannya terlalu besar pada skrin kecil. Jadi jawapannya, buat masa ini, adalah skrip pengesanan / suntikan peranti ini.

Cerita belakang yang lebih panjang

  • Matt Stow: Reka Bentuk Responsif di IE10 pada Windows Phone 8
  • Tim Kadlec: Windows Phone 8 dan Lebar Peranti