snippets for mobile web

mobile-web-snippets.htm

<meta id="viewport" name='viewport'>
<script>
    (function(doc) {
        var viewport = document.getElementById('viewport');
        if ( navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPod/i)) {
            doc.getElementById("viewport").setAttribute("content", "width=device-width,user-scalable=no,initial-scale=0.75, maximum-scale=0.75, minimum-scale=0.75");
        } else if ( navigator.userAgent.match(/iPad/i) ) {
            doc.getElementById("viewport").setAttribute("content", "width=device-width,user-scalable=no,initial-scale=1, maximum-scale=1, minimum-scale=1");
        }
    }(document));
</script>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">