Kindle Fire 8.9 HDX 媒体查询

Question

我正在尝试为 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)，但这似乎不起作用。我是否需要减少像素以解决像素比率问题？

Answer 1

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

@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

Kindle Fire 8.9 HDX media query