NatalyaY

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

Recommended Posts

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

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

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

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

Edited by NatalyaY

Share this post


Link to post
Share on other sites
54 минуты назад, spdif сказал:

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

 

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Member Statistics

    46,331
    Total Members
    3,128
    Most Online
    god
    Newest Member
    god
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.