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

Question

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

0

Я использую Supersized плагин для Wordpress, чтобы представить полноэкранное слайд-шоу на http://lorenzo.dentasignclients.com.

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

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

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

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

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

Stepan Parunashvili 16 дек. 2013, в 15:43

Источник

0

Я не знаю об этом плагине, но обычной практикой является использование фонового изображения в CSS и установка background-size: cover
Bas van Dijk 16 дек. 2013, в 14:39

Теги:

jquery

css3

supersized

1 ответ

Ещё вопросы

Я не знаю об этом плагине, но обычной практикой является использование фонового изображения в CSS и установка background-size: cover

Stepan Parunashvili · Accepted Answer · 2013-12-16T12-49-00.000Z

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

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

т.е.

    img {
    max-width:100%
    }

поэтому просто обновите

#supersized img {
   max-width:none;
}