如何使用媒体查询定位 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 */
}