Kindle Fire 8.9 HDX 媒体查询答案

【问题标题】：Kindle Fire 8.9 HDX media queryKindle Fire 8.9 HDX 媒体查询
【发布时间】：2015-06-17 22:23:08
【问题描述】：

我正在尝试为 Kindle Fire HDX 8.9 设计样式。

在亚马逊的website

分辨率列为 2560 x 1600。但是，当我在此分辨率下使用媒体查询定位它时，它不起作用。以下查询的其余部分似乎有效，但我想获得正确的特定分辨率，以免定位高分辨率显示器：

@media only screen
and (-webkit-device-pixel-ratio: 2) and (max-resolution: 800dpi) and (orientation : landscape)

除此之外，我还尝试过 (max-width: 2560px) 和 (min-width: 1600px)，但这似乎不起作用。我是否需要减少像素以考虑像素比率？

【问题讨论】：

【解决方案1】：

对于 Kindle Fire HDX，您需要 1.5 xhdpi：

@media only screen and (min-device-width: 1200px)
    and (max-device-width: 1600px)
    and (-webkit-device-pixel-ratio: 1.5) {

这适用于 Kindle 版本、HD 和 HDX，这就是我使用最小和最大宽度的原因。

模型分辨率 PPCM (PPI) 像素比

Kindle Fire HD 8.9" 1920x1200 100 (254) 1.5 hdpi

Kindle Fire HDX 8.9" 2560x1600 133 (339) 1.5 xhdpi

【讨论】：