Android Can'；无法让媒体查询在iphone6+；和星系S4

我正努力在我的网站上找到我的媒体查询。我找不到一个有效的查询来区分iphone 6+和三星galaxy s4。有人能给我指个方向吗

网址：

到目前为止，我的css中有以下三个查询：

iphone 6：

@media only screen and (max-device-width: 667px), only screen and (max-width: 480px),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (    moz-min-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2) {

    .logo {
        **border: 1px solid red;**
        max-width: 60%;
    }
...
...
}

iphone 6+：

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait),
only screen and (-webkit-min-device-pixel-ratio: 3),
only screen and (   min--moz-device-pixel-ratio: 3),
only screen and (    moz-min-device-pixel-ratio: 3),
only screen and (     -o-min-device-pixel-ratio: 3/1),
only screen and (        min-device-pixel-ratio: 3) {

    .logo {
        **border: 1px solid blue;**
        max-width: 60%;
    }
...
...
}

星系s4：

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait),
only screen and (-webkit-min-device-pixel-ratio: 3),
only screen and (   min--moz-device-pixel-ratio: 3),
only screen and (    moz-min-device-pixel-ratio: 3),
only screen and (     -o-min-device-pixel-ratio: 3/1),
only screen and (        min-device-pixel-ratio: 3) {

    .logo {
        **border: 1px solid green;**
        max-width: 60%;
    }
...
...
}

元标记：

<meta name="viewport" content="width=device-width, initial-scale=1">

iPhone6的设备像素比为2，但由于iPhone6+和S4的像素比都为3，我需要另一种方法来区分它们，对吗

---

这里的问题是，我在iphone 6+和galaxy s4的徽标上看到了绿色边框，但菜单图标和下拉列表中的字体大小非常不同。我知道以特定设备为目标是不好的做法，但到目前为止，这是我能得到的最好的，但现在我有点卡住了…

我希望电话公司能够合作，拥有一个通用的屏幕大小。非常令人沮丧。我不知道为什么苹果推出了6+和5c以及iPad mini。我想你在这里想得太具体了。像素宽度是像素宽度。找到一个尺寸，标志在特定像素宽度下看起来很好。较高的像素密度将允许以较小的屏幕尺寸显示特定布局。由于有很多设备试图预测身高和其他因素，这可能是不值得的。