媒體查詢較大的智能手機，如注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)。