2012-01-30 4 views
4

Кто-нибудь знает о способе питания Kindle Fire (ebooks) отдельного стиля? Один, который не будет читаться iBooks (iPad)?можно настроить для Kindle Fire ebook?

Я знаю о методе (ниже), что позволяет целевой старый 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 разными. (IPAD)

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

Более подробную информацию об условной CSS можно найти here. Но, к сожалению, вам не повезло, если вы нацелитесь на Kindle.

+0

спасибо за это. Но да, я специально искал цель Kindle Fire. И не только для своего веб-браузера, но и для чтения электронных книг. – swisstony

+0

Мое мнение было, я не думаю, что вы можете нацелиться на зверь вообще. Извините, если я был не очень ясен. И Amazon довольно тишина в отношении того, что браузерный интерфейс они фактически используют, добавляя к проблеме выяснения, как. – jhilgert00

+0

В конце концов, мне удалось использовать некоторые медиа-запросы, чтобы вместо этого настроить iPad, и это, похоже, сработало хорошо. – swisstony

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%}