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.
- 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}
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