如何让博主其中一个页面的内容占据整个页面的框架

Question

这是一个页面https://ddc7hy.blogspot.com/p/blog-page_13.html 你会看到视频没有覆盖整个页面希望有解决办法

Answer 1

找到此代码：

      body {
  margin: 0;
  padding: 0;
  background: #333;
  background-attachment: fixed;
  background-size: cover;
}

#video-background {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
}

article {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 10px solid rgba(255, 255, 255, 0.5);
  margin: 10px;
}

h1 {
  position: absolute;
  top: 60%;
  width: 100%;
  font-size: 36px;
  letter-spacing: 3px;
  color: #fff;
  font-family: Oswald, sans-serif;
  text-align: center;
}

h1 span {
  font-family: sans-serif;
  letter-spacing: 0;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
}

h1 span a {
  color: #fff;
}

<!DOCTYPE html>
<html>
  <body>
    <link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<video autoplay loop id="video-background" plays-inline>
  <source src="video.mp4" type="video/mp4">
</video>
  </body>
</html>

Answer 2

您可以尝试以下方法：

body, html {
    width: 100vw;
    height: 100vh;
    margin: 0;
    padding: 0;
}

#blog {
    width: 100vw;
    height: 100vh;
    margin: 0;
    padding: 0;
}

它使用视口高度和宽度来填充整个视口

如何让博主其中一个页面的内容占据整个页面的框架

How to make the content of one of the pages of the blogger takes full frame of the page

html

javascript

css

blogger