我在我的网站上有一个iframe的问题。我通过Bannersnack制作了一些动画横幅，然后将它们嵌入了我的网站中。Bannersnack为我提供了使图像响应迅速的链接，但这似乎使图像看起来总是对移动站点进行优化，即使在桌面上。
这是网站：http://www.mun.ca/esl/programs/programstest_draft.php
您可以看到，底部尺度上的图像适当，但是iFrames中的动画图像却没有。图像的代码在下面。
有没有办法使桌面图像成为正常大小，或者迫使要在移动设备上缩放的默认图像大小？我正在学习如何做HTML和Bootstrap。我不知道CSS是什么，它是如何工作的，或者我什至可以使用它，因此可以选择CSS的解决方案。
谢谢。
我查看了此页面http://www.mun.ca/esl/programs/13_week.php
我注意到的第一件事是"入学要求"横幅具有高度和宽度集，当我删除它时，横幅的作用更快，但是由于填充，内部的文字很难使用。我几乎建议您不要横幅，因为它们很难做出反应。我过去曾在一个横幅上的网站上工作过。
出于某种原因，在iframe中删除高度属性（100％）几乎解决了问题。我现在对此感到满意。