Css Kindle Fire 8.9 HDX媒体查询

Css Kindle Fire 8.9 HDX媒体查询,css,media-queries,kindle-fire,Css,Media Queries,Kindle Fire,我正在尝试为KindleFireHDX8.9设计风格 亚马逊的 分辨率为2560 x 1600。但是,当我以这种分辨率使用媒体查询时,它不起作用。以下查询的其余部分似乎有效,但我希望获得正确的具体分辨率,以便不以高分辨率监视器为目标: @media only screen and (-webkit-device-pixel-ratio: 2) and (max-resolution: 800dpi) and (orientation : landscape) 除此之外,我还尝试了(最大宽度:2

我正在尝试为KindleFireHDX8.9设计风格

亚马逊的

分辨率为2560 x 1600。但是,当我以这种分辨率使用媒体查询时,它不起作用。以下查询的其余部分似乎有效,但我希望获得正确的具体分辨率,以便不以高分辨率监视器为目标:

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

除此之外,我还尝试了(最大宽度:2560px)和(最小宽度:1600px),但这似乎不起作用。我是否需要减少像素以达到像素比例?

对于1.5 xhdp的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高清8.9英寸1920x1200 100(254)1.5 hdpi


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

这不起作用,但感谢您的回答。在亚马逊的网站上,它说第四代HDX是2.0XHPI。我错了吗?这个解决方案对我有效,但我不得不将设备像素比改为2