JSFiddle - React, Tailwind, and code Playground

by GCam11489

HTML

<div id="box" style="zoom:100%">Hello</div><div></div><div></div>

CSS

#box {
  width: 100px;
  height: 100px;
  background: #ccc;
  text-align: center; 
  line-height: 100px;    
}

JavaScript

var div = document.getElementsByTagName("div");
div[1].innerHTML = "PreZoom Width: " + div[0].getBoundingClientRect().width;
div[0].style.zoom = "150%";
div[2].innerHTML = "PostZoom Width: " + div[0].getBoundingClientRect().width;