viewport 在安卓端没作用?

最近在学习关于viewport的内容,下面同样一段代码,先不论width的问题,为什么我在安卓端还是能缩放QAQ,在ios端却没有任何问题?

然后关于width的问题,如果我的页面内容本身设置大于屏幕的宽度,不是应该会出现横向滚动条吗?专门加了一个img,里面那张图片大小宽度大概是2000px左右的,在安卓端它会被自动调整到和屏幕宽度一样,但是苹果手机没问题.

我的设备是华为p7,浏览器无论是内置浏览器还是uc浏览器都不行.
用了一下小米平板效果也是一样,该怎么解决这个问题呀QAQ.

还是说我对于viewport的理解有问题?

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <style>
        html,body{
            margin:0;
            padding:0;
        }
        .div1{
            display: inline-block;
            width: 1000px;
            background-color: red;
        }
        .div2{
            display: inline-block;
            font-size: 20px;
            width: 30%;
            background-color: gray;
        }
        .div3{
            display: inline-block;
            font-size: 20px;
            width: 70%;
            background-color: blue;
            margin:-4px;
        }
    </style>
</head>

<body>
    <div class="div1">
        <div class="div2">hello</div>
        <div class="div3">hello</div>
    </div>
    <img src="http://abc.2008php.com/2015_Website_appreciate/2015-06-04/20150604235629.jpg">
        
</body>
</html>

html,body{
        margin:0;
        padding:0;
        width: 100%;
    }

这样就有滚动条了~

【热门文章】