JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div></div>

CSS

html {
  width: 100%;
  overflow: hidden;
}

body {
  margin: 0;
  transform-origin: top left;
}

@supports (transform: scale(1)) {
  body {
    -ms-zoom: 1 !important;
    zoom: 1 !important;
  }
}

div {
  width: 1024px;
  height: 128px;
  background: repeating-linear-gradient(to right, blue, red 256px);
}

JavaScript

~function () {
  var $window = $(window), $body = $("body");
  var ie = document.documentMode;
  
  function updateSizes() {
    var width = $window.width(), scale = Math.min(width / 1024, 1);

    $body.css({
      '-ms-zoom': ie === 8 || ie === 9 ? scale : 1,
      zoom: ie === 10 || ie === 11 ? scale : 1,
      '-moz-transform': "scale(" + scale + ")",
      '-o-transform': "scale(" + scale + ")",
      transform: "scale(" + scale + ")"
    });
  }

  $window.resize(updateSizes);
  updateSizes();
}();