一千萬個為什麽

搜索

將.epub轉換為.mobi時如何避免圖像失真



  1. 我有印刷書籍。
  2. 我優化了所有epub轉換的樣式。
  3. 我將我的書從Indesing導出到epub。
  4. 我解壓縮我的epub並在其上編寫html代碼。然後我再次壓縮它。
  5. 我需要將.epub轉換為.mobi,但只有在.mobi版本中,圖像才會失真。為什麽?

我測試從.epub到.azw,azw到mobi和.epup到mobi。在所有情況下,.epub看起來不錯,但是.azw和.mobi會扭曲圖像。 (我使用Calibre轉換)

在CSS樣式中我有:

。圖片 {     高度:25%;     寬度:25%; }


我的客戶需要將她的.epub上傳到她的電子書分銷商,她上傳.epub和分銷商將其轉換為.mobi,以及與圖像相同的問題。他們說我必須解決這個問題;但我不知道它是什麽。

轉載註明原文: 將.epub轉換為.mobi時如何避免圖像失真

一共有 1 個回答:

這裏是我使用我的點燃圖像的CSS:

div.image-container  {
width: 95%;
margin-left:  auto;
 margin-right:  auto;
  }

div.image-container img {
 width: 100%;
 display: inline;
 }

我想要的目標是讓圖像覆蓋屏幕的95%,圖像位於中心。如果這是你想要的,你可以將95%改成25%。我不認為height屬性在你的代碼中有任何功能。

響應式網頁設計(和響應式電子書設計)背後的理念是圖像將適應不同的屏幕尺寸。您可以使用CSS媒體查詢來根據屏幕大小更改圖像和div的CSS。 (我在這裏描述: https://kdp.amazon.com/community/ thread.jspa?messageID = 1005910

Kindle絕對支持KF8設備和應用上的CSS寬度屬性和最小寬度。但它不支持最大寬度屬性。希望這可以幫助。