Fix IE 10 sur Windows Phone 8 Viewport - Astuces 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); ) ))();

Contexte rapide

Pour que IE 10 (bureau) fonctionne dans son nouveau «mode d'accrochage», vous devez utiliser ceci:

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

Mais cela gâche certains téléphones Windows Phone 8, écrasant la balise meta viewport et rendant trop grand sur les petits écrans. Donc la réponse, pour l'instant, est ce script de détection / injection de périphérique épouvantable.

Une histoire plus longue

  • Matt Stow: conception réactive dans IE10 sur Windows Phone 8
  • Tim Kadlec: Windows Phone 8 et largeur de l'appareil