Html 如果框架显示不正确，黑色框架太大

我将此嵌入：

<iframe src='https://www.embed.com/app/math-game/' style='width: 800px; height: 600px;' scrolling='no' frameBorder='0'></iframe>

但是我看到一个巨大的黑色框架的小游戏， 如果没有黑色框架，我怎么能嵌入游戏呢

以下是网页：

---

谢谢。

这是因为您嵌入的内容不支持给定的宽度和高度。你可以做一件事来放大。将CSS与iframe结合使用，使其与手机和桌面兼容。移除

style='width:800px；高度：600px；'
CSS

把宽度和所有的东西都根据。我分享了一个解决您问题的示例

.container{
宽度：600px；
高度：450px；
溢出：隐藏；
}
.集装箱框架{
宽度：950px；
高度：700px；
利润率：0px 0px 0px-175px；
}
如果不想使用外部样式表，可以使用此代码



谢谢，但我不明白代码放在哪里。它是作为css文件提供的。所以你是个新手，所以我从一开始就指导你。输入HTML代码。然后在同一HTML根文件夹中创建styles.css。请记住，不要在.css文件中提供任何HTML代码。希望有帮助！如果没有，我在这里帮助你，这种方法被称为外部css，所以你可能可以搜索这种类型的视频。如果你在wordpress上，安装任何css插件并粘贴给定页面的代码对不起，我忘了指定我正在使用wordpress和其中的一个页面。所以我必须更改所有wordpress页面的css，还是只更改其中一个？我知道如何在wordpress主题中添加额外的CSS。然后你也可以添加外观。它会起作用，不会给所有的iFramesthank带来问题，但我不明白如何使用你的建议。如果我在我的页面中编写代码的第二部分，我会得到一个小游戏：谢谢，我使用了你编写的代码，但结果还是和以前一样小：最终我用这个代码得到了我需要的东西：embed.com/app/math game/“>
canvas#cnvs   {
  width: 180px;
  height: 80px;
  background: url("https://yourcompany/yourlogo.jpg");
  background-position: center;
  background-size: cover;
}