MikeHouston.net

Honorary member of the Shaolin

Bootstrap in Windows Phone 8 IE10

All I can say is “really??!!!”.  Yeah, yeah, I know…

Thanks to Matt Stow and Tim Kadlec for making this a relatively simple search and fix.  Thanks guys!

I followed Tim’s suggestion and it appears to work without any current, or hopefully future, side effects.

  1. Add styles:
    @-webkit-viewport{width:device-width}
    @-moz-viewport{width:device-width}
    @-ms-viewport{width:device-width}
    @-o-viewport{width:device-width}
    @viewport{width:device-width}
  2. Add script:
    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);
    }
*** Matt Stow posted a gist of the above at https://gist.github.com/stowball/4617428
Comments are closed