Установите высоту и ширину iframe не более, чем содержимое, используя CSS

Question

У меня есть iframe с содержимым, которое является динамическим c по высоте и ширине.

<iframe id="myIframe" src="../xxx/xxx" scrolling="no" frameBorder="0"></iframe>

Я могу изменить высоту и ширину, используя JavaScript, чтобы мои iframe не больше, чем его содержимое.

var iframe = document.getElementById("myIframe");
iframe.height = iframe.contentWindow.document.body.scrollHeight + 'px';
iframe.width = iframe.contentWindow.document.body.scrollWidth + 'px';

Как я могу сделать это, используя только CSS? Спасибо всем, кто может предоставить руководство.

Answer 1

Определенно невозможно сделать это только с CSS. Вам придется использовать немного JavaScript, как вы делаете.