Виправлено 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 і ширина пристрою