H5-viewport用法，阻止微信浏览器自带的双击放大和任意放大缩小

最新推荐文章于 2021-04-20 09:13:56 发布

weixin_33725722

最新推荐文章于 2021-04-20 09:13:56 发布

阅读量513

点赞数 1

原文链接：http://www.cnblogs.com/xcggdd/p/9182037.html

版权

页面统一加入

移动端布局实例：

<head>
<title>Test Page</title>
<script>
    var deviceWidth = parseInt(window.screen.width);  //获取当前设备的屏幕宽度
    var deviceScale = deviceWidth / 640;  //得到当前设备屏幕与640之间的比例，之后我们就可以将网页宽度固定为640px
    var ua = navigator.userAgent;
    //获取当前设备类型（安卓或苹果）
    if (/Android (\d+\.\d+)/.test(ua)) {
        var version = parseFloat(RegExp.$1);
        if (version > 2.3) {
            document.write('<meta name="viewport" content="width=640,initial-scale=' + deviceScale + ', minimum-scale = ' + deviceScale + ', maximum-scale = ' + deviceScale + ', target-densitydpi=device-dpi">');
        } else {
            document.write('<meta name="viewport" content="width=640,initial-scale=0.75,maximum-scale=0.75,minimum-scale=0.75,target-densitydpi=device-dpi" />');
        }
    } else {
        document.write('<meta name="viewport" content="width=640, user-scalable=no">');
    }
</script>
</head>

转载于:https://www.cnblogs.com/xcggdd/p/9182037.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33725722

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
H5-viewport用法，阻止微信浏览器自带的双击放大和任意放大缩小

<meta name="viewport" content="width=100%,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">页面统一加入移动端布局实例：<head><title>Test Page</title><script> v...
复制链接

扫一扫