#mapcontainer {
	width: 98%;
	height: 98%;
	margin: 1% 1% 1% 1%;
	image-rendering: -moz-crisp-edges; /* firefox */
	image-rendering: pixelated; /* hopefully everyone eventually */
}

#map {
	width: 100%;
	height: 100%;
	image-rendering: -moz-crisp-edges; /* firefox */
	image-rendering: pixelated; /* hopefully everyone eventually */
} 

#info {
	background:#fff;
	position:absolute;
	top:calc(10px + 1%);
	right:calc(10px + 1%);
	padding:10px;
	z-index:100;
	border-radius:3px;
}
#mapcontainer {
	width: 98%;
	height: 98%;
	margin: 1% 1% 1% 1%;
	image-rendering: -moz-crisp-edges; /* Firefox */
	image-rendering: -webkit-crisp-edges; /* Safari */
	image-rendering: pixelated; /* Chromium */
	-ms-interpolation-mode: nearest-neighbor; /* iexplore.exe (but not edge) */
}

#map {
	width: 100%;
	height: 100%;
	image-rendering: -moz-crisp-edges; /* Firefox */
	image-rendering: -webkit-crisp-edges; /* Safari */
	image-rendering: pixelated; /* Chromium */
	-ms-interpolation-mode: nearest-neighbor; /* iexplore.exe (but not edge) */
} 

#info {
	background:#fff;
	position:absolute;
	top:calc(10px + 1%);
	right:calc(10px + 1%);
	padding:10px;
	z-index:100;
	border-radius:3px;
}

Support more browsers for pixelated zoom in effect
Support more browsers for pixelated zoom in effect
