Amazon Kindle Web 浏览器的 CSS 媒体查询

Posted 2023-04-14

【中文标题】Amazon Kindle Web 浏览器的 CSS 媒体查询

【英文标题】：CSS media queries for Amazon Kindle Web Browser

【发布时间】：2012-05-29 22:05:40

【问题描述】：

我们希望在 Kindle 网络浏览器上为我们的网页使用对比度更高的样式，以进行电子墨水显示。然而 Kindle 使用常规的screen 媒体类型。有人提到为 Kindle 使用 amzn-mobi 和 amzn-kf8 媒体类型，但它们似乎只适用于电子书，不适用于网络浏览器。

我们总是可以查看用户代理字符串并相应地添加一个类，但是当有基于 CSS 的替代方案时，我们希望尽可能避免基于 javascript 的解决方案。

【问题讨论】：

所以@media amzn-mobi/*higher contrast styles*/ 不起作用？来自kindlegen.s3.amazonaws.com/AmazonKindlePublishingGuidelines.pdf

不，它没有。这些仅适用于电子书，不适用于网页。

【参考方案1】：

我们决定跳过那个冒险，因为：

Kindle 不是唯一的电子书阅读器 并非所有 Kindle 都是电子墨水 没有简单的兼容方法来检测电子墨水显示器

出于这些原因，我们决定推迟实施任何特定样式并增加设计中的默认对比度。