Подгонка вертикально на полноэкранном теге img

Я использую WordPress плагин Supersized для презентации полноэкранного слайд-шоу на http://lorenzo.dentasignclients.com/.

Меня беспокоит одна вещь: при просмотре в портретном режиме изображения растягиваются вертикально, например: пример

Можно ли реализовать хак, чтобы убедиться, что изображение имеет полную ширину и полную высоту, но не растянуто в портретной ориентации?

Я попытался добавить медиа довольно, и сделать ширину и высоту автоматически. Это достигается не растягиванием, но тогда изображение перестает быть полной шириной и высотой фона.

#supersized img{
    background-color:white;
    width:auto!important;
    height:auto!important;
}

помощь очень ценится!

1 ответ

Решение

Ах! Это был конфликт, вызванный загрузкой.

Плагин правильно обрабатывает масштабирование изображений, но загрузчик предотвращает превышение 100% всех изображений

т.е.

    img {
    max-width:100%
    }

так что просто обновите

#supersized img {
   max-width:none;
}
Другие вопросы по тегам