如何根据块元素的宽实时改变自身的高？

比如一个div元素。一开始是width="200px",height="100px"；

1.当width改变的时候，div的height如何同时按比例变化？纯css可以实现吗？

2.当height改变的时候，div的weight如何同时按比例变化？纯css可以实现吗？

求大神指点！

---

只能通过百分比才有可能达到纯CSS。

<div class="1">
    <div class="2">
    </div>
</div>

.1 { width: 100px;}
.2 { width: 100%; height: 50%;}

div2的宽高都是以div1来计算的。
div2的宽等于 100px乘100%, 高等于 100px乘50%;
所以div1的宽度改变，div2的宽高随之改变。

---

首先题主问题的条件就有问题啦，既然你的元素width已经定死了200px，那么“改变元素的width”就只能是js操作了吧？还谈什么纯css……

---

根据你想要的比例算啊

---

<div class="div1">
    <div class="div2"></div>    
</div>

    <style>
        .div1{ width: 70%; } 
        .div2{ width: 100%; height: 0; padding-top: 60%; background: #ccc; }
    </style>

---

js写的话很简单 css的话暂时没想到 因为没记得哪个属性可以约束元素的比例
能不能说一下你的需求呢 好奇怪的东西 等比缩放只在绘图软件中用过。。

---

css vh vw