2015-03-21 3 views
1

Я взял сайт, и по какой-то причине я не могу получить изображение логотипов кредитных карт для показа на iPhone 4. Изображение появляется и отлично выглядит, когда я тестирую сайт на iPhone 4 на http://quirktools.com/screenfly/, но когда я смотрю на него на реальном iPhone 4, логотипов кредитных карт там нет. Использование IOS 7.0.2Изображение не отображается в iPhone 4

Вот код:

<img class="auto auto1" srcset="images/credit-cards-paypal.png 450w, 
             images/credit-cards-paypal-350md.png 350w, 
             images/credit-cards-paypal-200sm.png 200w" 
           src="images/credit-cards-paypal.png" > 

Вот страница с CC логотипами: http://www.oralsurgeons.com/register.php URL в мой таблицы стилей: http://www.oralsurgeons.com/includes/style.css Любая помощь вы можете дать мне очень ценится. Благодаря

+0

Вы пробовали обычный тег img без 'srcset', чтобы узнать, не проблема? –

+0

Я не знаю, что заставляет его не загружать, но для браузеров, которые поддерживают 'srcset' с' w', вы также захотите использовать атрибут 'sizes'. В противном случае по умолчанию используется значение '100vw', которое в вашем случае кажется слишком большим на ноутбуке. – zcorpan

+0

Если вы хотите получить изображение с фиксированной шириной, вы можете вместо этого использовать 'x', который имеет более широкую поддержку (хотя' srcset' * should * полностью не поддерживается в iOS 7.0.2). – zcorpan

ответ

0

Обычно эта версия прошивки не должна поддерживать srcset на всех, и, следовательно, не должна быть затронута присутствием srcset:/

Можете ли вы попробовать:

  • Добавить images/credit-cards-paypal.png 1x, к началу значения srcset?
  • Снятие srcset вообще?
0

Я предполагаю, что либо путь в вашем src неверен, либо неправильное имя вашего изображения, отличного от сетчатки. Я, например, забыл косую черту в моем пути src. Он может работать в инструментах quirk, потому что он загружает изображение srcset - если на экране вашего экрана сетчатки есть правильные данные.