三星 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
}

我有一个针对 S5 和 S4 的 CSS 调用 divStyle。但是，在 S4 上，对齐方式与 S5 不同。所以我尝试使用媒体查询来分别定位它们。

当我运行 media query 时，S5 和 S4 都显示为 blue。但如果我将Samsung S5 code 注释掉，S5 和S4 都会显示为yellow。如何获得正确的媒体查询以分别注册它们？

Answer 1

我发现由于font size（设置>显示>字体大小），它在两部手机上看起来并不相同。 S4 字体较大，导致对齐方式不同。