``` height: 100vh; ```
时间: 2024-01-26 14:14:34 浏览: 25
`height: 100vh;`是CSS中的一个属性,用于设置元素的高度。
其中,`vh`是视口高度(viewport height)的单位,表示相对于视口高度的百分比。
`100vh`表示元素的高度将占据整个视口的高度,即元素的高度将等于视口的高度。
这个属性通常用于创建全屏背景或者全屏滚动效果。
相关问题
height: 100vh
height: 100vh是CSS中的一个属性,用于设置元素的高度。vh是视口高度的单位,表示相对于视口高度的百分比。
具体来说,100vh表示元素的高度将占据整个视口的高度。无论视口的高度是多少,元素的高度都将等于视口的高度。
这个属性通常用于创建全屏的布局效果,比如全屏背景图或者全屏滚动页面等。
height: 100vh;
`height: 100vh` 是一种 CSS 样式,其中 `vh` 是 `viewport height` 的缩写,表示视口高度的百分比。具体来说,`1vh` 表示视口高度的1%,因此 `100vh` 表示视口高度的100%。
使用 `height: 100vh` 样式可以将元素的高度设置为视口的高度,使其始终占据整个视口。这在创建全屏背景等场景中非常有用。
需要注意的是,使用 `height: 100vh` 样式可能会导致元素的内容溢出视口,因此需要根据实际情况进行调整。同时,该样式在某些移动设备上可能会存在兼容性问题,需谨慎使用。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)