Question

我正在寻找如何获得响应高度，我的意思是我有元素。

<div style="width: 100%;">
   <div style="width: 50%; float: left;"><input style="width: 100%; height: 20px" /></div>
</div>

因此，当我重新调整浏览器大小时，我想按比例缩放元素高度，是否可能？

Answer 1

试试这个，

<强> HTML

<div class="container">
<div class="inner">

<input class="input"/>

</div>
</div>

<强> CSS

.container {
    width: 100%;
}

.inner {
    position: relative;
}
.input
{
    position: absolute;
    padding-bottom: 10%;
    width:100%;
}

Answer 2

我不确定您需要使用当前标记实现什么，但通常可以使用padding属性来改变元素高度。如果padding设置为％，则其计算基于元素宽度。但是，如果使用填充，则元素的内容必须绝对定位。

.parent {
padding-bottom: 30%;
background: green;
position: relative;}

.child {
position: absolute;}