Closed richbs closed 12 years ago
These in head:
<meta name="apple-mobile-web-app-capable" content="yes"> <link rel="apple-touch-icon" href="http://www.vam.ac.uk/apps/map2/130.png" /> <link rel="apple-touch-startup-image" href="http://www.vam.ac.uk/apps/map2/startup.png"> <meta content="width=device-width, initial-scale=1" name="viewport"> <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0"/> <meta name="apple-mobile-web-app-status-bar-style" content="black" />
This at end.
<script type="text/javascript"> document.ontouchmove = function(e) { e.preventDefault(); }; </script>
Done, with a few differences... tag has been implemented to allow user scaling which may be crucial for smart-phones; touchmove inhibitor script is conditional upon window height being less than ample
These in head:
This at end.