shu1 · June 6, 2022 04:55
diff --git a/README.md b/README.md
diff --git a/index.css b/index.css
 #div_1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: red;
 }
 @media (min-aspect-ratio: 16/9) {
  #div_1 {
    width: calc(1600vh / 9);
    height: 100vh;
  }
 }
 @media (max-aspect-ratio: 16/9) {
  #div_1 {
    width: 100vw;
    height: calc(900vw / 16);
  }
 }
diff --git a/index.html b/index.html
 <div id="div_1"></div>
diff --git a/index.js b/index.js
 window.addEventListener('resize', function () {
  var rect = div_1.getBoundingClientRect();
  div_1.textContent = `${rect.left}, ${rect.top}`;
 });
diff --git a/jsGist.json b/jsGist.json
 {"name":"getBoundingClientRect","settings":{},"filenames":["index.html","index.css","index.js"]}
	window.addEventListener('resize', function () {
	var rect = div_1.getBoundingClientRect();
	div_1.textContent = `${rect.left}, ${rect.top}`;
	});