Html 按内容大小缩放

这似乎是一个解决方案，使一个iframe在它有一个固定的纵横比，并与屏幕的比例上升的时刻作出反应

const appendIframe=content=>{
document.getElementById（'iframe-mount'）。innerHTML=content；
};
const demoHtmlContent=`
身体{
边缘底部：200px；
}
img{
高度：50px；
}
`;
常量demoIframeContent=`
`
附录框架（demoIframeContent）
.iframe容器{
溢出：隐藏；
/*16:9纵横比*/
垫面：56.25%；
位置：相对位置；
}
.iframe容器iframe{
边界：0；
身高：100%；
左：0；
位置：绝对位置；
排名：0；
宽度：100%；
}
之前

之后