Масштабное центрированное изображение в окне браузера

Я хотел бы, чтобы изображения на this site масштабировались до 80% от высоты окна браузера. Что такое простой и универсальный способ достичь этого?Масштабное центрированное изображение в окне браузера

источник

2014-11-06 D Benway

Попробуйте следующий CSS:

img { height:80%; }

или

img { height:80vh; }

источник

2014-11-06 04:14:34

Спасибо, я надеялся, что это будет так просто. Я не вижу никакого результата [здесь] (http://www.leecorbin.co/test/index-stack-2.html). –

Вы прокомментировали CSS. –

Я удалил комментарии и не вижу никаких различий (http://www.leecorbin.co/test/index-stack-2.html). –

Вам не нужен какой-либо JavaScript, чтобы сделать это очень просто. Вы должны добавить html и ширину и высоту тела до 100%. Вот jfiddle ссылка: http://jsfiddle.net/jmarikle/vz7q2bnk/

<html> 
<body> 
<img src="http://lorempixel.com/400/500" /> 
</body> 
</html> 

<!--css part--> 
html, body { 
    width: 100%; 
    height: 100%; 
} 
img{height:100%; width:auto; vertical-align: top;}

источник

2014-11-06 04:20:52

Спасибо, я внедрил [ваше решение] (http://www.leecorbin.co/test/index-stack-1.html), но не вижу никакого результата. –

Масштабное центрированное изображение в окне браузера

ответ

Смежные вопросы