Deshabilitar el zoom en un div, pero permitir el zoom en la página (un div alternativo)

¿Hay alguna manera de deshabilitar el zoom en un div, o algún elemento en particular en un sitio web? Por ejemplo, si quisiera que la página tuviera zoom, pero no el #Header div, ¿hay una manera de hacer que uno pueda hacer zoom y el otro no?

Básicamente, cuando haces zoom en un dispositivo móvil, también enfoca el Encabezado, pero quiero que el encabezado tenga un tamaño fijo en todo momento (no se puede hacer zoom).

Sé que puedes usar este código para deshabilitar el zoom en general:

<meta content='width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;' name='viewport' />

Respuestas a la pregunta(4)

Su respuesta a la pregunta