ignore a div while zooming in chrome

Question

I would like to zoom in my react app(coreUI) with 'ctrl+PLUS' in chrome. but I want to ignore the height of the header and footer while zooming, is that even possible?

//html
<div className="ignore-zoom">
    <h1>title</h1>
<div>

//css
.ignore-zoom{
    width: 100%;
    height: 50px fixed !important;
}

Answer 1

我发现了这个https://css-tricks.com/zooming-squishes/，您可以尝试使用“ em”基本媒体查询来尝试解决此问题。