Windows Phone 8 Viewport'ta IE 10'u Düzeltme - CSS Hileleri

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

Hızlı arka plan

IE 10'un (masaüstü) yeni "hızlı modda" çalışması için şunu kullanmanız gerekir:

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

Ancak bu, bazı Windows Phone 8 telefonlarını mahvediyor, meta görüntü alanı etiketini geçersiz kılıyor ve küçük ekranlarda çok büyük görüntüleniyor. Yani cevap, şimdilik, bu garip cihaz algılama / enjeksiyon betiğidir.

Daha uzun arka plan

  • Matt Stow: Windows Phone 8'de IE10'da Duyarlı Tasarım
  • Tim Kadlec: Windows Phone 8 ve Cihaz Genişliği