一页网站设置

Question

我正在开设一个新网站，主页上有很多div元素。 我想知道的是如何使所有div继承屏幕分辨率的相同宽度和高度，而不是固定的宽度和高度......

我的好友推荐了这段代码，但我想知道我能做些什么来改进我的代码

#container{
position:relative;
width:100%;
min-height:100%;
}

#top{
width:100%;
height:60px;
overflow: hidden;
background-color:#000;
}


.content {
position: relative;
min-width: 1024px;
min-height: 768px;
height: 100%;
}

Answer 1

使用CSS Viewport Units: vw, vh, vmin and vmax

div{
   width: 100vw;
   height: 100vh
}