Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.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
Html 适合所有屏幕的所有高度_Html_Css_Responsive - Fatal编程技术网

Html 适合所有屏幕的所有高度

Html 适合所有屏幕的所有高度,html,css,responsive,Html,Css,Responsive,我想问一下,您如何为每个屏幕设置每个部分的高度。我试过做高度:100%,但没有成功。这是一个视差网站太,我尝试了它的主页(布局如下),但我真的不知道如何使它的工作。提前感谢您的帮助!:) 你试过了吗 .backgroundDiv { height:100vh; width:100vw; } 如果你想要100%的高度你的div,你需要给你的html和身体100%的高度。试试这个例子。我希望它能帮助你 HTML <div class="demo"></div> 一张照

我想问一下,您如何为每个屏幕设置每个部分的高度。我试过做高度:100%,但没有成功。这是一个视差网站太,我尝试了它的主页(布局如下),但我真的不知道如何使它的工作。提前感谢您的帮助!:)

你试过了吗

.backgroundDiv {
 height:100vh;
 width:100vw;
}

如果你想要100%的高度你的div,你需要给你的html身体100%的高度。试试这个例子。我希望它能帮助你

HTML

<div class="demo"></div>

一张照片帮不了你多少忙。请把密码寄出去。
html, body {
  height: 100%;
  width: 100%;
}
.demo {
  background: #000;
  height: 100%;
  width: 100%;
}