Коригирайте IE 10 в Windows Phone 8 Viewport - 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); ) ))();

Бърза предистория

За да работи IE 10 (десктоп) в новия си „режим на щракване“, трябва да използвате това:

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

Но това прецаква някои телефони с Windows Phone 8, заменяйки мета маркера на прозореца за преглед и показвайки твърде големи на малки екрани. Така че отговорът засега е този скриптов скрипт за откриване / инжектиране на устройство.

По-дълга история

  • Мат Стоу: Отзивчив дизайн в IE10 на Windows Phone 8
  • Тим Кадлец: Windows Phone 8 и ширина на устройството