IOS: Multiple Divs With -webkit-backface-visibility:hidden Crash Browser When Zooming

When I view the following html page on my iPad 4 browser (doesn't matter whether Safari or Chrome), the browser crashes when zooming (either on double tap zoom or pinch to zoom). T

Solution 1:

It seems that mobile Safari has some troubles with css3 properties like transitions, transform or backface-visiblity and runs sometimes out of memory.

See:

• Mobile Safari on iOS crashes on big pages
• http://www.dimshik.com/ios-7-runs-out-of-memory-when-using-webkit-transform/
• CSS3 Transition ( Vendor Prefixes) crashes Safari immediately
• iOS Safari + CSS calc() + CSS transition = Instant Crash

But unfortunately there are no known workarounds, except of removing the property... How did you solve your problem?

Solution 2:

Try not to use position: absolute; and instead use position: relative;.

Also you can try giving -webkit-perspective: 1000; along with -webkit-backface-visibility: hidden;