javascript - 如何设置 40% 给定高度以在 ionic 中查看？

Question

我想将给定高度设置为 40% 以在 ionic 中查看？实际上，我希望我的代码能够在所有屏幕分辨率下运行，所以我以 % 为单位给出 View 高度。但是当我给出 40% 时，它会占用很小的空间。但是当我给出 200% 时，它会占用更多空间。为什么会这样没有占用给定空间的 40%。

我是这样用的

.a {
  height:200% !important;
  border :1px solid red;
  padding-top:1%;
}

当我给出 height:40% 时，为什么它占用的空间很小。它应该占用屏幕分辨率的 40%。这是我的代码？

Answer 1

您可以使用 vw/vh 将元素的大小调整为相对于视口(viewport)的大小(屏幕的实际大小)。它是 CSS3 的新单位。

所以使用 40vh 正好给出屏幕高度的 40%。

.a {
  height:40vh !important;
/* width:80vw;*/
  border :1px solid red;
  padding-top:1%;
}

,