Подгонка вертикально на полноэкранном теге 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;
}