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)

除此之外，我还尝试过（最大宽度：2560像素）和（最小宽度：1600像素），但这似乎不起作用。我是否需要减少像素以计算像素比率？

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