您的位置:首页 > Web前端 > HTML5

移动设备 h5屏幕适配

2015-08-20 09:53 579 查看
<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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: