码迷,mamicode.com
首页 > 移动开发 > 详细

手机端自适应缩放显示 js

时间:2015-06-10 13:42:14      阅读:143      评论:0      收藏:0      [点我收藏+]

标签:

<script>
var _width = parseInt(window.screen.width);
var scale = _width/640;
var ua = navigator.userAgent.toLowerCase();
var result = /android (\d+\.\d+)/.exec(ua);
if (result){
var version = parseFloat(result[1]);
if(version>2.3){
document.write(‘<meta name="viewport" content="width=640, minimum-scale = ‘+scale+‘, maximum-scale = ‘+scale+‘, target-densitydpi=device-dpi">‘);
}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>

 

注:参考于网上代码,笔记记下

手机端自适应缩放显示 js

标签:

原文地址:http://www.cnblogs.com/cyj7/p/4565614.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!