Как регулировать размер изображения по меньшему размеру viewport?

Question

[VANY]

В коде уже есть две переменные windowsheight и windowswidth.
Код заимствован, в самом JQuery и JS я нуб. Как выбрать из них меньшее значение и использовать его для назначения css значения?

Answer 1

[More916]

Не правильно прочел вопрос =(
А по теме:

if (windowsheight < windowswidth) {
  // Изменяем по высоте
   $('img').css('height', windowsheight+'px');
} else {
  // Изменяем по ширине
   $('img').css('width', windowswidth+'px');
}

Правда не совсем понятно, что значит "регулировать". При открытие странице или же интересует подгонка размеров изображения при изменение размеров окна?

Comments

[VANY]

Да, при открытии. Страница полностью responsive и нужна поддержка браузеров, которые не понимают vh vw.
За подсказку спасибо, сегодня попробую, но уже вижу что должно сработать :)

Answer 2

[Alex Pts]

Мне кажется, что это можно сделать и без js на css.

img { 
  max-height: 100vh;
  max-width: 100vw;
}

или

img {
  max-height: 100vmax;
  max-width: 100vmax;
}

Если для старых осликов поддержка нужна, то значением свои переменные в css подставляете через js.