如何针对3英寸或更小的小型手机定位媒体查询

Question

我正在尝试定位3到3.5英寸的小型手机 例如：

HTC DESIRE C

使用@mediaQUery但无法做到这一点。

我可以定位标准手机宽度，如下所示。

@media only screen and (min-device-width : 320px) and (orientation : portrait) {
    .bar {
        display:none !important;
    }
}
@media only screen and (min-width : 321px) and (orientation : landscape) {
    /* Styles */
    .par {
        display:none !important;
    }
}

JSFiddle

所以我想要做的只是当屏幕宽度相当于3英寸手机时显示课程.par

Answer 1

大多数决议都属于320px

所以你必须将min更改为低于代码

@media screen and (max-width: 320px){
/*YOUR CODE */
}