Question

相对于视口大小，是否可以设置min，max和default div的大小？除了CSS之外什么都没用？

E.g：

div应该至少500px高
div如果70vh不大于70vh

850px

div

850px应短于min-height: max(70vh, 500px); max-height: 850px;

伪代码（这就是它应该如何工作）

lapply

Answer 1

您可以尝试媒体查询。

简单示例：https://jsbin.com/coqayan/edit?html,output

<style>
.divSize{
    border:1px solid; 
    height: 300px;
    width: 300px;
}

@media only screen and (max-width: 600px) {
    .divSize{
      border:1px solid #4286f4; 
      height: 100px;
      width: 100px;
    }
}
</style>

<div class="divSize">abc</div>

Answer 2

您可以尝试height，min-height和max-height的组合：

body, html {
  margin: 0;
}
.h {
  background-color: green;
  height: 70vh;
  min-height: 500px;
  max-height: 850px;
}

<div class="h"></div>

设置相对于屏幕大小的div的最小值，最大值和默认高度

2 个答案: