IMPORTANT,For anyone following or coming across this issue, I have discovered a bug with Safari. The problem is Apple is not correctly scaling text when the page is magnifyied when using the css zoom attribute. For example, if I have an element with font-size: 20px and set the zoom to 50% instead of scaling to 10px Apple is actually setting the font-size to 40px and so on for 60%, 70%...Safari is only having this problem on iPad OS 13 and newer. To simply see this just console.log() the font-size of whatever element after each zoom change and you can see the font actually change from 20px to 40px.MY SOLUTION: This is probably not the most efficent solution, but whatever the scale is I do scale * scale then multiply that to the font that needs to be adjusted! I hope this is fixed soon!
leerob97
Users receive reputation points by contributing quality content to the forums.
Posts include post and replies published on the forums.
Post authors can mark replies as Accepted to indicate successful solutions.
Apple Developer Forums admins can mark replies as Apple Recommended to indicate an approved solution
Last seen
User for
Post
Replies
Boosts
Views
Activity
I am having an issue using CSS Zoom on iPad OS (https://forums.developer.apple.com/thread/126189). I feel that our issues are possibly related.The zoom property works just fine on Iphone and Mac, iPad has been the only effected device.
Has this been reported to the webkit team?