detecting pinch to zoom on iOS

Question

I am trying to detect a pinch to zoom event on iOS (and Android really) because I am using jQuery Mobile to show pages with a fixed header. In a dream world what I\'d like is fo

Answer 1

" In a dream world what I'd like is for the header not to zoom but for the rest of the page to do so."

You can set header.style.WebkitTransform = 'scale(' + zoomvalue + '); within the gesturechange event to "undo" the zoom level (simulate a non-zooming header).

Make your header a fixed width, and apply a zoom in proportion between that width and window.innerWidth.

AFAIK there is no way to find out the actual zoom level, because it depends upon the device-independent-pixel (DIP) to logical-pixel ratio, and AFAIK there is no way to find out that from JavaScript.