https://fatjing.github.io/tags/iframe/ Recent content in iframe on My Blog Hugo -- gohugo.io en-us Thu, 01 Apr 2021 10:27:22 +0800 https://fatjing.github.io/posts/iframe-fit-to-content/ Thu, 01 Apr 2021 10:27:22 +0800 https://fatjing.github.io/posts/iframe-fit-to-content/ <h4 id="根据iframe的内容调整其大小">根据iframe的内容调整其大小</h4> <p>在做邮件预览的功能时，需要将邮件的HTML内容显示出来。一开始的做法是sanitized之后直接渲染出来。但是CSS样式要尽量保留，结果就是这些样式连外面不属于邮件的部分也影响了。</p> <p>于是把邮件的内容放到一个iframe里面去，隔离它的样式。而iframe一般要写死高度和宽度，这样如果邮件内容过长过宽，就会出现滚动条。理想的情况是根据iframe的内容调整其大小。</p> <p>这里记录一下我是怎么做的，直接上代码：</p>