iPad 2 Chrome rendering issue

Question

I currently have a site that is rendering properly in Safari for iPad 1 & 2 and properly in iPad 1 Chrome but Chrome for iPad 2 isn't picking up my media queries for portrait mode properly.

The css query I'm using:

@media only screen and (min-width: 767px) and (max-width: 979px)

This grabs all the other browsers without issue. I've tried adding (orientation: portrait) to this and it fails to fix the issue with Chrome.

Any suggestions?

Answer 1

Chrome in an iPad has issues with clearing the cache, even when using the option to clear the browser data. For now the best is not to use Chrome and use Safari instead. Most of the time, the rendering in both will be the same.

Re-installing the Chrome app will temporarily clear the cache and fix the issue.