如何将vine迅速地嵌入博客中？

Question

每当我尝试将vine嵌入到我的博客中时，页面就会中断，并且无法适应屏幕尺寸。 我知道几行CSS可以完成这项工作，但实际上我在CSS中绝对为空。 因此，请帮助我这样做。 谢谢

Answer 1

您可以使用http://embedsensitively.com 。 选择“ Vine”并输入视频地址。 它会为您生成所有必需的代码。

它将iframe与embed-container类一起包装在<div> ，并在<style> -tag中指定以下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%;
}