移动设备 h5屏幕适配

<meta name="HandheldFriendly" content="true">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maxinum-scale=1.0,minimum-scale=1.0">
<style>
    html {
        -webkit-text-size-adjust: none;
    }
</style>

<script>
    var metas = document.getElementsByTagName('meta');
    var i;
    if(navigator.userAgent.match(/iPhone/i)){
        for(i=0;i<metas.length;i++){
            if(metas[i].name=='viewport'){
                metas[i].content="width=device-width,minimum-scale=1.0,maximum-scale=1.0";
            }
        }
        document.addEventListener("gesturestart",gestureStart,false);
    }
    function gestureStart(){
        for(i=0;i<metas.length;i++){
            if(metas[i].name=='viewport'){
                metas[i].content="width=device-width,minimum-scale=0.25,maximum-scale=1.6";
            }
        }
    }
</script>

转载于:https://www.cnblogs.com/lpfuture/p/4744193.html