媒体查询较大的智能手机，如音符3和galaxy s4

Question

目前，我正在使用以下媒体查询来定位普通智能手机和移动设备受众群体：

@media only screen and (min-device-width : 320px) and (max-device-width : 480px){
.img-logo-main-page{
    display: none;
}
.img-tech-main{
    display: none;
}
.icon-message{
    display: none;
}

}

但是对于更新，更大的屏幕设备，这似乎不起作用！这就是网站在银河s3上的表现：

这就是它在银河系记3中的表现：

对于像这样的大型设备是否有媒体查询？我一直在寻找css-tricks和其他类似的论坛和网站，但我能找到的只是像这样的标准设备的一般媒体查询：http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

任何帮助将不胜感激！

Answer 1

在这里查看答案：Twitter Bootstrap 3: how to use media queries?

这是Twitter的Bootstrap，但它也适用于你的问题。

Answer 2

您可以为min-device-width和max-device-width的媒体查询设置自己的值。

您需要调整默认的像素比率。尝试使用@media only screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2)作为Galaxy S3。