JSFiddle - React, Tailwind, and code Playground

by pleinx

HTML

<div>Bla Bla Bla</div>

<div class="parent">
  Parent: darf zoomen
  
  <div>child: soll 100% bleiben</div>
</div>

SCSS

.parent {
  zoom: 500%;
  
  > div {
    zoom: 100%;
  }
}

JavaScript

const child = document.querySelector('.parent > div');

document.addEventListener('wheel', e => {
	if(!e.ctrlKey) {
  	return;
  }

	child.style.zoom = 'reset';

	console.log(window.devicePixelRatio);
})