I have found the issue and a put in place a workaround whilst I do some more disagnosis.
So - I have this issue all the time on all my IOS 8 devices in pages using javascript / jquery libraries that have a lot of content in the page. For instance, I am working on a page that I have unfortunately inherited eventually ends up with 5MB of data in it, too much.
The page loads the jquery libraries, things like jquery.easing.min, bootstrap, owl.carousel, showhide, jquery.prettyPhoto, nicescroll and a whole load more.
Page also contains a view port setting:
<meta name="viewport" content="width=device-width, initial-scale=1">
Safari begins to render the page but a reload / resize is triggered causing assets to reload and trigger another resize until it gives up.
My quickest workaround was to remove that view port setting:
<!-- meta name="viewport" content="width=device-width, initial-scale=1" -->
And insert:
<meta name="apple-mobile-web-app-capable" content="yes">
And stop content scaling:
<meta name="viewport" content="user-scalable=no">
This is a frig.
So basically we now force the full page to load and we prevent any scaling - and that stops the reload on my IOS devices. Nice work from the twonks.
Shoddy work from Apple yet again. Premium devices with buggy software.