webpage size rendering smaller SOMETIMES on iOS

Viewed 10

Screenshots

I have a 10 second long animation that refreshes the page after each loop. Works fine on all other devices, but when I view it on an iPad, SOMETIMES it will look normal, but other times it will render at a smaller size, making the text too small to read. This occurs on Safari and Firefox, but Chrome on the same device does not have this bug. I looked at the window.devicePixelRatio and it was showing as '1' on all other devices, but showing as '2' on the iPad. So, I tried setting the window.devicePixelRatio to '1' with JavaScript. That didn't make any difference. Still having the same issue. Also, this only happens in Portrait Orientation, but NOT in Landscape Orientation. Any ideas?

0 Answers
Related