2014-02-27 64 views
0

我有此圖像: 「http://interstatic01.gameloft.com/igp/videos/images/d9/end_screen_71.jpg」 在這個非常簡單的html中,它不會顯示標題中提到的2個設備。jpg圖像不在Safari中顯示(iphone 3gs和ipod)

<!DOCTYPE html> 
<html> 
<head> 

</head> 
<body> 
    <div ><!-- it may show full image depending on browsers, eg: firefox --> 
     <img src="http://interstatic01.gameloft.com/igp/videos/images/d9/end_screen_71.jpg" /> 
    </div>    
</body> 
</html> 

注意:如果我直接在safari瀏覽器的url欄中輸入url,我可以看到它。 碰巧當它在一個標籤,或者當設置爲CSS背景

+0

如果添加alt =「img」,它會說什麼? – Roadirsh

+0

沒有任何反應。我只看到頁面左上角的一個很小的正方形。加入ALT =「IMG」,即非常小的正方形剛剛2個像素之後更寬我認爲 – ionescho

+0

@Roadirsh的'alt'屬性用於[提供描述該圖像的文本(http://en.wikipedia.org/維基/ Alt_attribute),例如爲盲人或作爲工具提示。 – DarkDust

回答

3

的圖像僅僅是too large for these devices(見專有的iOS資源限制部分)。您需要爲這些設備提供較小的圖像(這是如何完成的,我不知道答案是另一個問題)。

威廉·馬龍有Maximum Image Size Calculator,可讓您以輸入圖像的大小和它會告訴你哪些設備是能夠顯示尺寸的圖像。

+0

就是這樣,謝謝! – ionescho