Существует ли свойство CSS, которое изменяет масштаб любого элемента, например, object-fit: «contains» на img? ⇐ CSS

[Anonymous]

Существует ли свойство CSS, которое уменьшает элемент html, имеющий фиксированные размеры, когда размер окна меньше размера содержимого?
Другими словами, содержимое должно уменьшаться (и сохранять то же соотношение), чтобы соответствовать новому размеру окна, как это делает свойство object-fit: "contain" для замененных элементов.
На данный момент я написал этот JS-код, который делает то, что я ожидаю, но мне интересно, можно ли это сделать только в html/css?
Кроме того, предостережения этого подхода заключаются в том, что вы можете необходимо учитывать поля и отступы при вычислениях.

Код: Выделить всё

const CONTENT_WIDTH = 700;
const setContentScale = () => {
const element = document.getElementById("container");
if(element) {
const newScale = Math.min(window.innerWidth/ CONTENT_WIDTH, 1);
element.style.scale = newScale;
}
}

setContentScale(); //  setContentScale(); // 

Подробнее здесь: [url]https://stackoverflow.com/questions/79091458/is-there-a-css-property-that-rescale-any-element-like-the-object-fit-contains[/url]