css 如何使div采用全屏大小并阻止其缩小

idfiyjo8 于 2023-03-05 发布在其他

关注(0)|答案(3)|浏览(154)

我有一个带有className容器的，
如果我这样做：

.container{
   height:100vh
}

每当我缩小我的屏幕大小时，例如用dev-tools，div也会缩小，我怎样才能阻止它发生呢？我希望它总是全屏的，这可能吗？

3条答案

当我正确理解你的问题时，在调整屏幕大小时缩小div是正确的行为。vh代表viewport height。这意味着高度代表整个屏幕高度的确切关系。如果你想固定大小，你必须使用px或rem。

高度为100vh是全屏高度的正确答案，也许你在子元素中有其他属性导致div缩小。

我也遇到过类似的问题。我的修复方法是使用vw而不是vh。