Html 配子反应

我想让我的iframe响应

下面是我的代码

.game\u frame iframe{
显示：块；
保证金：自动；
}

---

引导没有2:1的比率（对于您的800x400示例）响应嵌入式实用程序；您必须向CSS和HTML添加一个类：

.embed-responsive-2by1::before { 
    padding-top: 50%;
}

编辑：

我无法正确加载

http://www.freeonlinegames.com/embed/142842

无论出于何种原因，我在任何浏览器中都尝试过，但下面的代码应该可以工作；只需将虚拟

img

替换为

iframe

：

.embed-responsive-2by1:：before{
垫面：50%；
}

您能澄清一下响应是什么意思吗？在dextop gaming iframe上是完美的，但在mobile gamign iframe上并没有显示100%。只有一半正在显示，请尝试删除iframe上定义的宽度和高度。当我在电脑前而不是在手机上时，我很快会更仔细地看一看。@samparker025我不知道你在使用什么浏览器，但我无法正确加载

http://www.freeonlinegames.com/embed/142842

在我尝试的任何浏览器中。我以一个虚拟图像代替iframe作为例子，扩展了我的答案。