• 郑州网站制作-郑州网页制作-郑州做网站-郑州网站设计公司

  • 电话:151-3614-4056 QQ:1044025374
  • www.wwebw.com 收藏本站
当前位置:首页 > 建站知识 > 网站设计技术 > 正文

郑州网站设计技术之页面手机满屏js代码完美

发布时间:2015年04月20日 09:08 | 发布者:www.wwebw.com | 浏览次数:3003次

手机网站有时候使用meta的代码并不兼容所有设备和浏览器,下面的代码有助于实现完美自适应,不会导致页面宽度有间隙。不论你的手机网站设计设定的分辨率是多少,1024,480,还是640的宽度,只需要将JS代码中的“640”换成你网站制作时的像素宽度即可实现宽度100%适应屏幕,兼容安卓系统,苹果系统。(代码由郑州网站设计公司成功完美测试,您可以放心使用)


<script type="text/javascript">
var phoneWidth = parseInt(window.screen.width);
var phoneScale = phoneWidth/640;
var ua = navigator.userAgent;
if (/Android (\d+\.\d+)/.test(ua)){
var version = parseFloat(RegExp.$1);
// andriod 2.3
if(version>2.3){
document.write('<meta name="viewport" content="width=640, minimum-scale = '+phoneScale+', maximum-scale = '+phoneScale+', target-densitydpi=device-dpi">');
// andriod 2.3以上
}else{
document.write('<meta name="viewport" content="width=640, target-densitydpi=device-dpi">');
}
// 其他系统
} else {
document.write('<meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">');
}          
</script>