* {
  margin: 0;
  padding: 0;
}

html {
  --width: 100%;
  --height: 100%;
}
html, body {
  width: var(--width);
  height: var(--height)
}
#map {
  width: var(--width);
  height: calc(var(--height));
  overflow: hidden;
}

#test {
  width: var(--width);
  height: calc(var(--height) / 2);
  overflow: hidden;
}

#map {
  background: #ccc;
}