css - 编辑 Sagepay 框架 CSS

Question

我目前在几个网站上使用 Sagepay inframe。

问题是 inframe 没有响应，考虑到它在 iframe 中，我想让它尽可能响应。

有没有办法更改模板或使用我自己的 CSS 或 html 编辑模板？我很久以前就听说过，但现在找不到任何相关信息。

Answer 1

这是让它响应的代码:

HTML:

<div class="google-maps">
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d7098.94326104394!2d78.0430654485247!3d27.172909818538997!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2s!4v1385710909804" width="500" height="450" frameborder="0" style="border:0"></iframe>
</div>

CSS:

.google-maps {
    position: relative;
    padding-bottom: 90%;
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

JSFIDDLE