Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/http/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将vine响应性地嵌入到blogger中？_Javascript_Css_Iframe_Blogger - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 如何将vine响应性地嵌入到blogger中？

Javascript 如何将vine响应性地嵌入到blogger中？

javascript css iframe

Javascript 如何将vine响应性地嵌入到blogger中？,javascript,css,iframe,blogger,Javascript,Css,Iframe,Blogger,每当我试图在我的博客上嵌入vine时，页面就会中断，并且无法调整屏幕大小。我知道只有几行CSS可以完成这项任务，但实际上我在CSS中是绝对空的。所以请帮我做这个。谢谢您可以使用。选择“Vine”并输入视频地址。它为您生成所有必要的代码 它使用类嵌入容器将iframe包装在中，并在-标记中指定以下CSS .embed-container { position: relative; padding-bottom: 100%; height: 0; overflow: hidden;

每当我试图在我的博客上嵌入vine时，页面就会中断，并且无法调整屏幕大小。我知道只有几行CSS可以完成这项任务，但实际上我在CSS中是绝对空的。所以请帮我做这个。谢谢

您可以使用。选择“Vine”并输入视频地址。它为您生成所有必要的代码

它使用类
嵌入容器
将
iframe
包装在
中，并在
-标记中指定以下CSS


.embed-container {
  position: relative;
  padding-bottom: 100%;
  height: 0;
  overflow: hidden;
}

.embed-container iframe {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
}



正文{显示：无！重要；}