无法在 iframe 中调整大小 [重复]
Posted
技术标签:
【中文标题】无法在 iframe 中调整大小 [重复]【英文标题】：Can't resize in iframe [duplicate] 【发布时间】：2015-07-05 20:43:25 【问题描述】：我希望能够使用 css 中的调整大小功能调整 div 的大小。在我的 .css 文件中，我有：
#test
border: 2px solid;
padding: 20px;
width: 300px;
resize: both;
overflow: auto;
我的 div 如下：
<div id="test">Let the user resize both the height and the width of this div element.</div>
在我将我的 html 放入 iframe 之前它工作正常，我无法调整 div 的大小。怎么了？
PS：我不想用 jquery
【问题讨论】：
【参考方案1】：iframe 作为新网站处理。要将 CSS 应用到 iframe - 只需在 iframe 中设置对样式表的引用即可。
<iframe id="frame"></iframe>
<script>
document.getElementById('iframe').contentWindow.document.write("<html><head>" +
"<link rel='stylesheet' href='style.css'>" +
"</head><body><div id='test'></div></body></html>");
</script>
这样，您的 iframe 将正确访问您的样式表
【讨论】：
以上是关于无法在 iframe 中调整大小 [重复]的主要内容，如果未能解决你的问题，请参考以下文章