max-width判断赋值div不同的高度

Z隐

现有三个DIV分别是

<div id="div1" ><div>
<div id="div2"><div>
<div id="div3"><div>

当 min-width::600px 时 div1的高度，等于 div2的高度
当 max-width:600px 时 div1的高度，等于 div2的高度+div3的高度

求例程，谢谢。


补充内容 (2020-11-27 22:26):
div2的高度不是固定值，auto

Su·

Z隐 发表于 2020-11-27 22:27
需要通过数值计算的方式，js的能帮忙写一下吗？

var width=$("body").width();
if(width>600){
$("#div1").width("")
}else{
$("#div1").width("")
}
就这么取判断

Su·

@media screen and (min-width: 600px ) {
    div1,div2{
        100px;
    }
}
@media screen and (max-width: 600px ) {
    div1{
        200px;
    }
div2,div3{100px}
}
如果想要通过数值计算的那种 就用js或者less

Z隐

Su· 发表于 2020-11-27 22:22
@media screen and (min-width: 600px ) {
    div1,div2{
        100px;

不好意思，我可能说得不清楚，div2的高度不是固定值，auto

Z隐

Su· 发表于 2020-11-27 22:22
@media screen and (min-width: 600px ) {
    div1,div2{
        100px;

需要通过数值计算的方式，js的能帮忙写一下吗？