Можно ли заставить элемент вести себя / иметь размер, подобный background-size:contain?Для справки вот страница , демонстрирующая background-size:contain (попробуйте изменить размер окна браузера и посмотреть, что делает фоновое изображение).
То есть я хочу создать элемент с ограниченным соотношением сторонс шириной и высотой, при которых ширина или высота будут равны 100% ширины окна (а другое будет тем, что необходимо для сохранения соотношения и сохранения всего элемента видимым в окне без полос прокрутки)?
Например, предположим, что я хочу, чтобы элемент имел соотношение 16: 9.Если чье-то окно браузера очень широкое и не очень высокое, тогда я хочу, чтобы высота моего элемента была 100%, а ширина была бы меньше (все, что необходимо для сохранения соотношения элементов 16: 9).Если чье-то окно браузера действительно высокое и не очень широкое, то ширина будет равна 100%, а высота будет меньше (опять же, все, что необходимо для сохранения целевого отношения этого элемента).
Я думаюЕдинственный способ сделать это с помощью JavaScript.Есть ли какой-то волшебный способ сделать это, о котором я не знаю?