媒体查询较大的智能手机，如注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：

，这是它的外观上的GALAXY NOTE 3：

是否有这样大的设备媒体查询作为这一个？我一直在寻找像这样的CSS技巧和其他论坛和网站，但我可以找到的是一般媒体查询这样的标准设备：http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

任何帮助将不胜感激！

Answer 1

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

这对Twitter的引导，但它应该为你工作问题为好。

Answer 2

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

您需要调整默认的像素比例。对于Galaxy S3，请尝试@media only screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2)。