I'm creating a web app and we're trying to take advantage of the higher resolutions on some of the newer devices.

So on the iPhone4 and other devices that have a pixel ratio greater than 1, we've created a new set of images and by using a combination of <meta name="viewport"  content="width=device-width,user-scalable=no"> and the media query @media screen and (-webkit-min-device-pixel-ratio:1.1) and (-webkit-max-device-pixel-ratio:2) we've been able to get it to render great on the first load.

My problem is that when we call changePage, the new page is loaded but the whole page is now blow way out of proportion.  I only end up being able to see a fraction of the page.  However, if I refresh the page, it'll render properly again. 

This only happens on Android devices.  iPhone4 will automatically adjust and render properly when loading the new page.

Am I doing something wrong here or is this an Android issue?

Thanks in advance!