NatalyaY

Какой родительский элемент у изображения?

Рекомендованные сообщения

Коллеги, прошу помощи.

Есть задача сделать размер изображения адаптирующимся к размеру содержащего ее контейнера. Задание ширины в % помогает, задание же высоты в % не меняет ровным счетом ничего. Подозреваю, что родительским элементом для этой картинки почему-то считается не ее контейнер, а что-то другое. 

_https://codepen.io/NatalyaY/pen/LMdgWv_

Прошу помочь разобраться. Еще раз резюмирую задачу - нужно чтобы картинка занимала не более 90% по высоте или ширине от размеров div detailed-image-container (насколько я понимаю, второй div с классом detailed-image-frame формируется под размер контента в нем - т.е. самой картинки), структуру div нужно сохранить.

Изменено пользователем NatalyaY

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
54 минуты назад, spdif сказал:

.detailed-image-container { padding: 10%; }

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Статистика пользователей

    46 180
    Всего пользователей
    3 128
    Рекорд онлайна
    evgengold
    Новый пользователь
    evgengold
    Регистрация
  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу.