Small issue when rotating screen on iPhone and iPad

[agentfooey]

Firstly, thank you for producing this script. It's the simplest and fastest I've tested out of about 6 so far.

The code works perfectly in a browser but doesn't react the same on a iPhone or iPad... here's what is a happening:

When loading the page on a phone in portrait I have 1 column (correct), when I rotate the phone to landscape I get 3 columns (correct)... but when I rotate back to portrait I get 2 columns instead of the original 1. if I reload the page it returns back to 1 (correct). The same is happening on the iPad too.

I've added some code to work out to the number of columns and width to fill the screen which is being reported correctly each time but the grid doesn't always reset to the values being supplied.

Any ideas?

Thanks
Matt