某些圖片不能在iphone上顯示

該網站在iphone設備上顯示圖片時出現問題，通過水平最小化瀏覽器來複制此問題。
Here是顯示問題的鏈接。
我的手動修復是我縮小瀏覽器（ctrl + - ），here演示的鏈接。某些圖片不能在iphone上顯示

有無論如何，這可以解決與HTML，CSS或JavaScript/jQuery的。
我已經爲頁面的響應標籤：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

這是圖像DIV的HTML：

<div class="col-md-3 col-sm-3 col-xs-6 fabric-box"> 
    <a href="customize/fabric/<?php echo $x['hash'];?>/<?php echo $_SESSION['customize_mode'];?>"> 
    <div class="image-holder fabric-image-holder"> 
     <img data-src="<?php echo ap($x['thumb']);?>" class="lazy img-responsive" src="<?php echo $conf->bg;?>"></img> 
    </div></a> 
    <div class="row"> 
     <div class="col-md-12 col-sm-12 col-xs-12"> 
      <h5 class="fabric-name pull-left"><a href="customize/option_item/<?php echo $x['id'];?>"><?php echo $x['name']?></a></h5> 
     </div> 
     <div class="col-md-12 col-sm-12 col-xs-12"> 
      <h4 data-option-group="<?php echo $x['option_group_hash'];?>" data-toggle="tooltip" data-placement="top" title="" data-original-title="<?php echo $data_original_title;?>" id="wishlist-<?php echo $x['id']?>" class="wishlist-button pull-right"> 
       <span class="glyphicon <?php echo $glyphicon;?>"></span> 
      </h4> 
      <a href="customize/option_item/<?php echo $x['id'];?>" class="btn btn-declothe-gray btn-xs">Details</a> 
     </div> 
    </div> 
</div>

點擊here的頁面

來源

2014-07-24 taptipblard

給小提琴或您的網站鏈接，而不是給予png – Husen

添加鏈接 - http://sgwebco.com/dc/customize/fabrics – taptipblard

我看到幾個鏈接問題在您的HTML代碼中，所以有可能這些事情之一阻止iPhone正確顯示頁面。例如你的標籤應該是這樣的：

<img data-src="https://d1r2cy10vhc364.cloudfront.net/1398340678_midnight-b_RGjA.jpg" 
class="lazy img-responsive" />

，而不是像這樣：

<img data-src="https://d1r2cy10vhc364.cloudfront.net/1398340678_midnight-b_RGjA.jpg" 
class="lazy img-responsive" src=""></img>

（換句話說沒有結束標籤，而不是之前的最後一次加斜槓「>」，如html慣例）

此外我看到一個不正確的嵌套標記。

你有這樣的：

     <a href="customize/fabric/dItjZRcTuC/"> 
         <div class="image-holder fabric-image-holder"> 
          <img data-src="https://d1r2cy10vhc364.cloudfront.net/1398339227_midnight-b_rMUJ.jpg" class="lazy img-responsive" src=""></img> 


         </div></a>

，但它應該是：

<div class="image-holder fabric-image-holder"> 
    <a href="customize/fabric/dItjZRcTuC/"> 
    <img data-src="https://d1r2cy10vhc364.cloudfront.net/1398339227_midnight-b_rMUJ.jpg" class="lazy img-responsive" /> 
    </div> 
</a>

這些類型的語法錯誤就可能會造成不上一些瀏覽器顯示，但顯示出對別人的問題。取決於標準兼容性。您可以嘗試在此處驗證您的語法：http://validator.w3.org/

來源

2014-07-24 05:19:20 marcnyc

某些圖片不能在iphone上顯示

回答

相關問題