iframe响应式网站的问题 - 没有CSS

时间:2017-08-30 16:15:37

标签: html bootstrap-4

我的网站中存在iframe问题。我通过Bannersnack制作了一些动画横幅,我将它们嵌入到我的网站中。 Bannersnack为我提供了一个链接,使图像响应,但这似乎使图像始终显示为移动网站优化,即使在桌面上。

这是网站: http://www.mun.ca/esl/programs/programstest__DRAFT.php

如您所见,底部的图像适当缩放,但iframe中的动画图像则没有。图像的代码如下。

有没有办法让桌面图像变为正常尺寸或强制在移动设备上缩放默认图像尺寸?我正在学习如何做HTML和Bootstrap。我不知道CSS是什么,它是如何工作的,或者如果我甚至可以使用它,那么绕过CSS的解决方案将是更可取的。

感谢。

2 个答案:

答案 0 :(得分:0)

我看了一下这页http://www.mun.ca/esl/programs/13_week.php

我注意到的第一件事是“入场要求”横幅设置了高度和宽度,当我删除横幅时,横幅的响应性更强,但由于填充,内部文本很难处理。我几乎建议你不要使用横幅,因为他们很难做出回应。我曾经在一个曾经有这样横幅的网站上工作过。

答案 1 :(得分:0)

出于某种原因,删除iframe中的height属性(100%)几乎解决了这个问题。我现在很满意。