<!DOCTYPE html>
<html>
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<style>
html {
  overflow: hidden;
}
body {
  margin: 0px;
  padding: 0px;
}
#target {
  width: 1600px;
  height: 1000px;
  position: absolute;
  left: -200px;
  transform: translateX(0px);
}
</style>
<div id="target">
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 1000">
    <rect fill="green" x="0"      width="800" height="1000"></rect>
    <rect fill="blue"  x="800"    width="362.5" height="1000"></rect>
    <rect fill="red"   x="1162.5" width="837.5" height="1000"></rect>
  </svg>
</div>
</html>