scss 响应式嵌入式iframe

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了scss 响应式嵌入式iframe相关的知识,希望对你有一定的参考价值。

.wrapper {
  position:relative;
  padding-bottom:56.25%;
  padding-top:30px;
  height:0;
  overflow:hidden;
	
  iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
  }
}

以上是关于scss 响应式嵌入式iframe的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 Twitter Bootstrap 实现响应式 Youtube 嵌入 iframe?

使用 jquery 没有删除响应式 iframe 的空白

如何将Google Form iframe嵌入具有灵活高度的html css(响应式)

响应式的嵌入内容和图片

为响应式设计缩放 iframe 仅 CSS

WordPress 中的响应式 iframe