iPad Only - Text is not adjusting when using css zoom attribute

Question

In iPad OS safari, when adding the zoom attribute to the body element the text is not adjusting, but staying the exact same size when the zoom is at 100%.

This functionality used to work in previous iOS versions for iPad, and it currently works for iOS 13 on iphone and the latest version of mojave for mac. Does anyone know if this is a bug or hidden setting on the iPad or experienced the same issue?

LINK TO TEST SITE: http://alleetest.s3-website-us-east-1.amazonaws.com/

Answer 1

I have the same problem on iPad devices. I "fixed" it temporarily by setting css property zoom: 0.9999; on all child elements containing texts directly. Then the inherit zoom apply correctly or at least more precise than without it. I didn't figure out anything better.