css - vh(视口(viewport))中的高度和 px(像素)中的最大高度

Question

是否可以定义 CSS3 告诉的元素的高度:

if viewport >= 1000px then
      element height: 300px (in pixels)
else if viewport < 1000px
      element height: 30vh (30% of viewport height)

所以我想要的只是拥有一个具有 30% 视口(viewport)但不超过 300px 的元素。是否可以？

这是我测试过但没有用的:

div {
    height: 30vh;
    max-height: 300px;
}

Answer 1

由于没有要检查的要点，我将做出一系列假设。

元素本身遵守高度限制

目标内的元素溢出其父级之外。

添加溢出:隐藏到您的目标元素是否可以解决问题？

问候，