CSS Zoom no funciona iPad OS (v13- último) Safari

Ya veo tu problema. Desafortunadamente, he notado que Apple ha roto varios aspectos de la representación de páginas web en iPadOS, dejando varias peculiaridades visuales menores que no existían en Safari 12 para iPad.

Aunque es muy molesto que hayan roto el Safari, por desgracia, tenemos que vivir con ello mientras tanto. Lo que yo haría es crear un script que aumente y disminuya el tamaño de los elementos, texto, bordes, etc. cuando se cambie el tamaño del "zoom". Hacer esto también daría soporte al navegador Firefox, ya que no tiene soporte para el zoom CSS.

Esta sugerencia puede no ser la ideal, dependiendo de lo que esté tratando de hacer, pero espero que esto ayude un poco.

Además, hay que tener en cuenta que la función de zoom integrada en el navegador Safari de iPadOS utilizando un teclado funcionará correctamente, pero no el zoom CSS.

Solución:

function setTransformScale(scaleFactor) {
    if(!scaleFactor) scaleFactor = 1;

    let height = $(window).height()*(1/scaleFactor);
    let width = $(window).width()*(1/scaleFactor);

    $(".body-container").css({
        width: width+"px",
        height: height+"px",
        transform: `scale(${scaleFactor})`
    });
};

He eliminado completamente la propiedad CSS Zoom de mi sitio y he cambiado a la propiedad transform: scale(). Para contrarrestar el espaciado he añadido "transform-origin: top left" a mi archivo css y en javascript ejecuto mi función creada al dimensionar las páginas.

$(".body-container") es mi elemento div justo debajo de la etiqueta body que causa el efecto de zoom en toda mi página.