Установка максимальной высоты для добавленных изображений - PullRequest
Новая
       12

Установка максимальной высоты для добавленных изображений

0 голосов
/ 27 ноября 2018

Я делаю сайт художника и хочу добавить несколько фотографий моей работы.Я хочу, чтобы изображения реагировали на страницу, что я могу сделать, установив максимальную ширину в 100%, однако изображение становится слишком длинным по высоте и требует от зрителя прокрутки, чтобы увидеть все изображение.См. Прикрепленные изображения: одно, где изображение помещается на экране, и другое, где при расширении страницы оно не помещается.

Фото 1

Фото 2

Как настроить изображение так, чтобы оно не выходило за пределы высоты текущего окна?Я пытался работать с максимальной высотой, но безрезультатно.Любой совет с благодарностью!

Best, Уэстон Урам

1 Ответ

0 голосов
/ 27 ноября 2018

html: 

<head>
 <!-- add viewport meta to the head -->
 <meta name="viewport" content="width=device-width, height=device-height, user-scalable=yes, initial-scale=1.0">
</head>

css: 

img {
   display:block;
   margin:auto;
   max-width:80vw;
   max-height:80vh;
}
...