如何使用 css 来控制 iframe 自动适应页面

<div style="position: relative; width: 100%; 
    padding-top: calc(100% * 720 / 1280); 
    border: 2px black solid;">
    <iframe src="https://youwu.today" title="今日有悟" 
    style="position: absolute; width: 100%; height: 100%; top: 0;">
    </iframe>
</div>