html, body { font-size: 100%; } body { margin: 0; font-family: sans-serif; } #mapcontainer { width: 100%; height: 100%; margin: 0; 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; }