三星S4和S5的单独媒体查询

Question

我有三星S4和S5手机。我正在尝试使用正确的媒体查询来定位两部手机。

我的代码是：

/*General*/
.divStyle
{
  height:20px;
}

/*Samsung S4*/
@media screen and (min-device-width: 320px) and (max-device-height: 640px) and (-webkit-device-pixel-ratio: 3){
  //example
  color: yellow
}

/*Samsung S5*/
@media screen and (min-device-width: 360px) and (max-device-height: 640px) and (-webkit-device-pixel-ratio: 3){
  //example
  color: blue
}

我有一个css调用divStyle，旨在同时针对S5和S4。但是，在S4上，对齐与S5不同。所以我尝试使用媒体查询来单独定位它们。

当我运行media query时，S5和S4都显示为blue。但如果我评论Samsung S5 code，则S5和S4都显示为yellow。如何获得正确的媒体查询以分别注册每个查询？

Answer 1

由于<div id = "allBody"> <img src = "https://vignette2.wikia.nocookie.net/mafiagame/images/2/23/Unknown_Person.png/revision/latest?cb=20151119092211" id = "image"> <div id = "line"></div> </div>（设置＆gt;显示＆gt;字体大小），我发现它在两部手机上看起来并不相同。 S4字体较大，使对齐不同。