Hi, I'm designing a website that should work in the following browsers:
- Mobile Safari
- Desktop Safari
- Android Browser (?)
- Mobile Chrome
- Desktop Chrome
They're all Webkit based so that should hopefully make this easy.
1 - I want to detect how far in/out the user is currently zoomed.
2 - I want some items to remain the same size regardless of zoom level (IE: think of the pushpins in iOS maps. When you zoom around them, the map around them changes scale, but the pins don't.)
3 - I want to invoke zooming when some items are tapped on.
4 - I want to detect when zooms are occurring (no matter the cause.)
The mobile browsers are top importance. It's okay if Desktop Safari / Desktop Chrome don't end up being supported, given zoom is much less common on those browsers.
Also, this website will be used internally only. We couldn't care less if FF/IE/Opera were supported or not.
- Mobile Safari
- Desktop Safari
- Android Browser (?)
- Mobile Chrome
- Desktop Chrome
They're all Webkit based so that should hopefully make this easy.
1 - I want to detect how far in/out the user is currently zoomed.
2 - I want some items to remain the same size regardless of zoom level (IE: think of the pushpins in iOS maps. When you zoom around them, the map around them changes scale, but the pins don't.)
3 - I want to invoke zooming when some items are tapped on.
4 - I want to detect when zooms are occurring (no matter the cause.)
The mobile browsers are top importance. It's okay if Desktop Safari / Desktop Chrome don't end up being supported, given zoom is much less common on those browsers.
Also, this website will be used internally only. We couldn't care less if FF/IE/Opera were supported or not.