基于SurveyMonkey的响应iframe

Question

我正致力于在我的网站上嵌入一个非常快速的调查，在第一页之后，只有第二页和第三页的描述文本。那么，我该如何使iframe响应问题的数量，或者( b)当描述文本出现时去掉另一个难看的灰色底部？我不介意滚动条，但在一个梦的场景中，我想要的是没有责骂条-所有4个问题都适合在页面上，然后继续按钮在第2页显示没有灰色框。

我在页面上的iframe代码是：

使用以下CSS：

<style>
.survey-container {
position: relative;
}
iframe {
border-style: none;
background-color:transparent;
min-height: 400px; 
max-height: 600px; 
overflow: hidden;
}
</style>

http://i.stack.imgur.com/WP1dZ.jpg

Answer 1

使用Surveymonkey提供的嵌入脚本，我通过CSS对最大宽度属性进行了空化，从而实现了嵌入式调查width:100%：

​

.smcx-embed {
     max-width: none !important;
}

.smcx-embed iframe {
     max-width: none !important;
}

​