¿Hay alguna forma en CSS de reducir/aumentar todo el contenido (texto, botones, imágenes, relleno, márgenes, etc.) que se muestra en la pantalla del navegador a la vez de manera similar a como se acerca o se aleja la ventana del navegador? lograría?

Estoy buscando una solución que sea compatible con la mayoría de los navegadores modernos y que no requiera que revise una gran hoja de estilo CSS heredada (y mal estructurada) cambiando fuentes y otros elementos (por ejemplo, relleno, etc.) a mano.

Las soluciones en Scale Up/Down all Elements, Images, Text cuando se cambia el ancho de la ventana del navegador no funcionan para mí porque usan la función de zoom CSS no estándar o necesito aplicar ingeniería inversa a toda la hoja de estilo CSS heredada para hacer lo que el otra respuesta allí propone.

¿Hay algo que se pueda hacer aparte de lo que se describe en esa pregunta/respuesta hace más de 7 años? Por ejemplo, ¿hay alguna manera de que pueda distinguir los navegadores (más modernos) programáticamente, por ejemplo, zoom 80%?

¡Gracias!