vh 中的高度（视口）和 px 中的最大高度（像素）

Question

是否可以在 CSS3 中定义元素的高度：

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

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

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

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

Answer 1

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

1. 元素本身遵守高度限制
2. 目标内的元素溢出其父级之外。

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

问候，