针对三星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

我发现，由于font size (settings>display>font大小)的原因，它在两部手机上看起来并不相同。S4字体较大，这使得对齐方式不同。