可以针对Kindle Fire电子书？

Question

是否有人知道如何为Kindle Fire（电子书）提供单独的样式表？一个iBooks（iPad）无法读取的内容？

我知道允许你定位旧Kindle的方法（下面）

<style type="text/css" media="amzn-mobi">
    p.firstline {margin-top:20px;text-indent:-40px}
    p.line {text-indent:-40px}
</style>

但我正在寻找一种仅针对Kindle Fire的方法。

欢呼声

Answer 1

根据George Benthien，您可以将@media amzn-kf8用于Kindle Fire。希望这会有所帮助。

这些媒体查询仅适用于电子书，但不适用于HTML。

我一直在寻找网络解决方案，并通过JS使用设备嗅探。

这是我用jQuery做的： if( /Silk/i.test(navigator.userAgent) ) { $('html').addClass('kindle'); }

然后在CSS中： html {font-size:143.75%; } html.kindle{font-size:112.5%}

Answer 2

据我所知，Kindle / Fire使用webkit浏览器，因此符合标准（Kindle支持的HTML和CSS列表可在此处找到：kindleformatting.com/book/files/KindleHTMLtags.pdf）

您可以执行相反的操作并定位Safari Mobile，并使某些元素在Safari Moble中以不同方式显示。总览

#content  { float : left; }
[if SafMob]#content  { float : none; }

可以找到有关条件css的更多信息here。但不幸的是，我认为你特意瞄准Kindle是不幸的。