Question

我需要为Amazon Fire HD 10编写特定的样式。到目前为止，我已经为其他版本编写了特定的样式。例如：Fire HD 7，Fire HD 8之类的。以下是我当前的媒体查询代码。

@media only screen
    and (max-device-width: 1280px)
    and (max-device-height: 800px)
    and (orientation: landscape)
    and (-webkit-min-device-pixel-ratio: 1)

但是此代码不适用于Amazon Fire HD 10。如何编写Amazon Fire HD 10特定样式..？我怎么能只针对那个？？

Answer 1

我有一台Kindle Fire HD10，因此按照@ user7234396中的建议在注释中显示我需要将-webkit-min-device-pixel-ratio调整为1.5

我也遵循the advice of CSS-Tricks and use min and max device widths，而不是使用设备高度。

因此，要像问题中那样以横向定位此特定设备，您需要

@media only screen
    and (min-device-width: 800px)
    and (max-device-width: 1280px)
    and (orientation: landscape)
    and (-webkit-min-device-pixel-ratio: 1.5) {

}

很明显，您需要画像

@media only screen
    and (min-device-width: 800px)
    and (max-device-width: 1280px)
    and (orientation: portrait)
    and (-webkit-min-device-pixel-ratio: 1.5) {

}

Kindle Fire HD10媒体查询

1 个答案: