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

Mar*_*tin 5 css

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

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

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

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

div {
    height: 30vh;
    max-height: 300px;
}
Run Code Online (Sandbox Code Playgroud)

小智 0

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

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

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

问候,