Изображение jpg не отображается в сафари (iphone 3gs и ipod)

У меня есть это изображение: "http://interstatic01.gameloft.com/igp/videos/images/d9/end_screen_71.jpg" В этом очень простом HTML-коде он не отображается для двух устройств, упомянутых в заголовке.

 <!DOCTYPE html>
 <html>
<head>

</head>
<body>
    <div ><!-- it may show full image depending on browsers, eg: firefox  -->
        <img src="https://i.stack.imgur.com/nXxT5.jpg"   />
    </div>              
</body>
</html>

Примечание: если я ввожу URL-адрес непосредственно в адресную строку браузера Safari, я могу его увидеть. Это просто происходит, когда он находится в теге или когда он установлен в качестве фона css.


iphone html safari jpeg ipod
person ionescho    schedule 27.02.2014    source источник
comment
что будет если добавить alt=img ?   -  person Roadirsh    schedule 27.02.2014
comment
Ничего не произошло. Я просто вижу очень маленький квадрат в верхней левой части страницы. После добавления alt=img этот очень маленький квадрат стал на 2 пикселя шире.   -  person ionescho    schedule 27.02.2014
comment
@Roadirsh Атрибут alt используется для предоставления текста, описывающего изображение, например, для слепых людей или как всплывающую подсказку.   -  person DarkDust    schedule 27.02.2014

Ответы (1)


arrow_upward
3
arrow_downward

Изображение просто слишком велико для этих устройств (см. раздел Знать ограничения ресурсов iOS). Вам нужно обслуживать меньший образ для этих устройств (как это делается — другой вопрос, на который я не знаю ответа).

У Уильяма Мэлоуна есть калькулятор максимального размера изображения, который позволяет вам ввести размер изображения, и он сообщит вам, какие устройства способны отображать изображение этого размера.

person DarkDust    schedule 27.02.2014