Zoom is a bit like em
measurements, with a child zoom of 1
you are basically saying zoom the same as the parent. As a further example, a child zoom of 1.25
would by a 25% zoom more than the parent zoom.
One option available to you is to zoom the direct children of the body
, excluding no-zoom
body > :not(.no-zoom) {
zoom: 1.5;
color:red; /*Just to highlite :not*/
}
<div>Zoomed</div>
<div class="no-zoom">No Zoom For You!</div>
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…