2012-01-30 3 views
4

킨들 파이어 (전자 책)에 별도의 스타일 시트를 공급하는 방법을 알고있는 사람이 있습니까? iBooks (iPad)에서 읽을 수없는 것이 있습니까?Kindle Fire eBook을 타겟팅 할 수 있습니까?

난 당신이 오래된 킨

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

하지만 난 단지 킨들 파이어 (Kindle Fire)를 대상으로하는 방법을 찾고 있어요 타겟팅 할 수 그 (아래) 방법을 알고 있습니다.

환호

답변

0

에서 나는 (킨은 여기에서 찾을 수 있습니다 지원 HTML과 CSS의 목록 : kindleformatting.com/book/files/KindleHTMLtags.pdf) 꽤 표준 준수는 그래서 킨/소방는 웹킷 브라우저를 사용 읽은

당신 Safari Mobile의 역순으로 타겟팅하고 Safari Moble에서 특정 요소를 다르게 표시 할 수 있습니다. (아이 패드) 조건부 CSS에

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

자세한 내용은 here를 찾을 수 있습니다. 하지만 불행히도 킨들을 특별히 목표로 삼는 것이 운이 좋지 않다고 생각합니다.

+0

감사합니다. 하지만 그래, 나는 특별히 Kindle Fire 타겟을 찾고 있었다. 그리고 그것의 웹 브라우저를 위해, 그러나 ebook 독자를 위해. – swisstony

+0

요점은, 나는 당신이 빛나다를 대상으로 삼을 수 있다고 생각하지 않는다. 미안하지만 내가 분명하지 않다면. 아마존은 브라우저 프레임 워크가 실제로 사용되는 방식에 대해 알고있는 중이다. – jhilgert00

+0

결국 나는 일부 미디어 쿼리를 사용하여 iPad를 대상으로 삼았습니다. 그리고 이것은 잘 작동 한 것 같습니다. – swisstony

1

George Benthien에 따르면 Kindle Fire에는 @media amzn-kf8을 사용할 수 있습니다. 희망이 도움이됩니다.

이러한 미디어 쿼리는 eBook에만 적용되며 HTML에서는 작동하지 않습니다.

웹 솔루션을 찾고 있었고 JS를 통해 스니핑하는 기기를 사용했습니다.

이 내가 jQuery를 함께 수행 한 것입니다 : CSS에서 다음 if(/Silk/i.test(navigator.userAgent)) { $('html').addClass('kindle'); }

을 그리고이에 대한 html {font-size:143.75%; } html.kindle{font-size:112.5%}

관련 문제