Как я могу сделать так, чтобы содержимое iframe соответствовало поведению css object-fit:contain? ⇐ CSS

[Anonymous]

Я пытаюсь встроить iframe, содержащий визуализацию данных. Я хочу, чтобы все содержимое графика было видно на устройствах всех размеров (большая часть полезности связана с просмотром всей визуализации). Это будет соответствовать свойству CSS object-fit: contains. Например, предполагаемое поведение можно увидеть здесь, под заголовком Попробуйте.


https://developer.mozilla.org/en-US/doc ... object-fit
То, что я получаю сейчас, больше похоже на подгонку объекта: заполнение полосой прокрутки. Я попытался настроить высоту и ширину iframe, чтобы он реагировал, но это не влияет на то, как содержимое внутри устанавливается внутри iframe. Как я могу сделать так, чтобы масштаб содержимого полностью вписывался в iframe или родительский элемент, чтобы полная визуализация была видна независимо от размера экрана?

Подробнее здесь: https://stackoverflow.com/questions/791 ... t-fitconta