Opravte IE 10 ve výřezu Windows Phone 8 - Triky 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); ) ))();

Rychlé příběhy

Aby IE 10 (desktop) fungoval v novém „režimu snap“, musíte použít toto:

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

Ale to posere některé telefony se systémem Windows Phone 8, přepíše značku meta viewport a na malých obrazovkách se vykreslí až příliš velké. Odpověď tedy prozatím je tento drsný skript detekce / vstřikování zařízení.

Delší příběh

  • Matt Stow: Responzivní design v IE10 na Windows Phone 8
  • Tim Kadlec: Windows Phone 8 and Device-Width