检查移动网站的小分辨率

我正在开发一个移动网站，当屏幕宽度范围为150px - 480px时，我使用CSS来更改布局设计。但是，当我测试实际手机时，我看到的是桌面屏幕布局，而不是我在 CSS 中使用的布局。

基于此，我应该获取屏幕宽度，但如果屏幕宽度范围仅为 150px - 480px，我不知道如何访问它并放置布局语句。

@media only screen and (min-width: 150px) and (max-width: 480px) {
#header .navbar ul li a {
    font-size:15px;     
}
#content .apk {
    padding-bottom:5px;
    border-bottom:1px solid #ccc;       
}
#content .apk img{
    float:left;
    margin:0 10px 0 0;
    width:100px;
    height:100px;
}
#content .apk p {
    margin-top:-20px;
    font-size:13px;
    color:#444;
}
#content .apk .submit {
    margin-top:-10px;
    margin-left:100px;
    resize:horizontal;
    width:32%;
}
#footer h5 {
    font-size: 14px;
}
}