Responsive fix for Windows Mobile 8 (backward compatible)

index.html

<!-- beginning of the document -->
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- rest of the document -->

windows-mobile.css

@-ms-viewport{
	width: device-width;
	zoom:1.0;
}

@media (max-width: 400px) {
	@-ms-viewport {
		width: 320px;
	}
}

windows-mobile.js

(function() {
	if ("-ms-user-select" in document.documentElement.style && 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);
	}
})();