2012-01-30 94 views
4

是否有人知道一種將Kindle Fire(電子書)送入單獨樣式表的方法?一個不會被iBooks(iPad)讀取的?可能針對Kindle Fire電子書?

我知道(下同)的方法,可以讓您針對舊的Kindle

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

但是我正在尋找目標只有燒火的方式。

歡呼

回答

0

從我讀過的Kindle /火使用WebKit瀏覽器,因此是非常符合標準(支持HTML和CSS的列表針對Kindle可以在這裏找到:kindleformatting.com/book/files/KindleHTMLtags.pdf

你可以做到相反並瞄準Safari Mobile,並使Safari Moble中的某些元素顯示不同。總覽

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

有條件的CSS的更多信息可以發現here。但不幸的是,我認爲你特別針對Kindle而不幸運。

+0

感謝。但是,我是專門尋找Kindle Fire的目標。而不僅僅是它的網絡瀏覽器,而是電子書閱讀器。 – swisstony 2012-01-30 22:26:41

+0

我的觀點是,我認爲你完全可以瞄準那個點燃。對不起,如果我不是很清楚。亞馬遜對於他們實際使用的瀏覽器框架非常噓聲,這增加了尋找如何的問題。 – jhilgert00 2012-01-31 05:23:25

+0

最後,我設法使用一些媒體查詢來代替iPad,而且這似乎運作良好。 – swisstony 2012-02-01 02:07:29

1

根據George Benthien,您可以對Kindle Fire使用@media amzn-kf8。希望這可以幫助。

這些媒體查詢僅適用於電子書,它不適用於HTML。

我一直在尋找網絡解決方案,並使用JS通過設備嗅探。

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

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