0
Я пытаюсь найти способ адаптировать изображение к изменению высоты, а не ширины окна браузера.
Поэтому, когда вы делаете окно браузера более узким, без изменения (скажем, полная) высота, изображение будет уменьшено до размеров. Но если вы сделаете обратное и сделаете окно на всю ширину короче, изображение не будет масштабироваться - если только это не единственное на странице.
Есть ли способ сделать это? См. https://www.harryorlyk.com/portfolio/studio-yard/ У меня есть медиа-запрос, так что при 1024px высота изображения уменьшается, но я надеялся на что-то, что автоматически изменит его высоту в зависимости от высоты окна браузера.
Я пробовал варианты:
.postid-5582 img [src $ = "# fit"] {width: 100vw; высота: авто; максимальная ширина: нет; максимальная высота: 100vh; соответствие объекта: содержать; }
.postid-5582 img {max-width: 100%; максимальная высота: 100vh; высота: авто; }
.postid-5582 {max-height: 100vh; max-width: 100vw;}
и несколько javascripts - в основном все на этой странице: Как изменить размер изображение для размещения в окне браузера?
спасибо!