H5适配

H5适配

以整个网页500px为基准进行布局。

function init_viewport() {
        if (/Android ([\d\.]+)/.test(navigator.userAgent)) {
            var version = parseFloat(RegExp.$1);

            if (version > 2.3) {
                var width = window.outerWidth == 0 ? window.screen.width : window.outerWidth;
                var phoneScale = parseInt(width) / 500;
                // if(phoneScale < 2)
                // {
                document.write('<meta name=\"viewport\" content=\"width=500, minimum-scale = ' + phoneScale + ', maximum-scale = ' + phoneScale + ', target-densitydpi=device-dpi\">');

                // }
                // else
                // {
                //     document.write('<meta name=\"viewport\" content=\"target-densitydpi=320, width=500, min-height:850px, user-scalable=no\"/>');
                // }
            } else {
                alert('else');
                document.write('<meta name=\"viewport\" content=\"width=500, target-densitydpi=device-dpi\">');
            }
        } else if (navigator.userAgent.indexOf('iPhone') != -1) {
            var phoneScale = parseInt(window.screen.width) / 500;
            document.write('<meta name=\"viewport\" content=\"width=500; min-height=750;initial-scale=' + phoneScale + '; user-scalable=no;\" /> ');         //0.75   0.82
        } else {
            document.write('<meta name=\"viewport\" content=\"width=500, height=750, initial-scale=0.64\" /> ');         //0.75   0.82

        }
    }
Built with Hugo
Theme Stack designed by Jimmy
© Licensed Under CC BY-NC-SA 4.0