一千萬個為什麽

搜索

ios 8(iPad 2)上的iBooks 4.3中的圖像問題



我在EPUB中使用1400像素寬度的圖像。在使用iOS 8.4和iBooks 4.3查看iPAD中的文件時,我註意到圖像會自動縮小到其圖像上方和下方的屏幕大小。但在iBooks 3.2應用程序中並非如此。

如果任何人遇到類似的問題和解決方案,將不勝感激。

謝謝, Senthil Kumar R

轉載註明原文: ios 8(iPad 2)上的iBooks 4.3中的圖像問題

一共有 1 個回答:

首先,我不知道你的問題是什麽。問題是圖像縮小還是圖像上方或下方有空間?

目前的趨勢是電子書出版商允許高分辨率的圖像,然後自動或根據您指定的百分比縮小它們。

I am working on a similar problem (and documented some of my helpful resources here: Interior Image requirements for non-Kindle distributors & devices with retina displays? ). I haven't tested yet on the ibooks platforms, but I can speak about the kind of solution you are seeking. My guess is that the solution you want is similar to what I am doing.

首先,你需要使用CSS媒體查詢。其次,你需要指定包含圖像的div的寬度。這是一個讓你開始的例子。對於HTML代碼:

<div class=image-replace-title>

</div>

這裏是我正在使用的CSS代碼。

@media only screen 
  and (min-device-width: 320px) 
  and  (max-device-width: 767px) 
  {

div.image-replace-title  {
width: 94%;
  margin-left:  auto;
   margin-right:  auto;
}

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

    }

        @media only screen 
  and (min-device-width: 768px)
  and (orientation: portrait)

  {
    div.image-replace-title  {
    width: 80%;
    max-width: 684px;
      margin-left:  auto;
       margin-right:  auto;
    }

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

        }

為了記錄,第一個媒體查詢是針對iphones的,第二個是針對ipad的1-4。我想我增加了一個超過1200像素的媒體查詢。