如何使工作视口设备宽度？

Question

移动设备上的图像宽度不会增加100％，分辨率为320px，这有什么不对？在模板中有这样的标签

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

代码是

    <style type="text/css">

/* For devices with a resolution of 320px */

@media screen and (min-width: 320px) { 

     .list .col-sm-4 > a  img {
        float: none;
        width: 100%;
        height: 180px;
     }   

}


/* Main */
.list .col-sm-4 > a  img {
    float: left;
    width: 250px;
    height: 160px;
}

    </style>

我来自移动设备，它们被使用，但不适用于屏幕和（最小宽度：320px）