在更改宽度的同时更改框的高度

时间:2018-09-14 09:35:35

标签: html css

当我将窗口调整为较小的宽度时,我想要一个盒子,它也应该改变盒子的高度。它应该在响应式站点中使用,但是当我尝试使其正常工作时,高度只有在我实际更改窗口高度时才会更改,其结果是一个带有白色框的框。只是为了提供信息,我还使用Transform:Translate()将图片向内移动。实际给出代码有点困难,因为我不在乎我使用的是哪种类型的代码。

1 个答案:

答案 0 :(得分:0)

您可以使用vw值来调整元素相对于视口宽度的高度。

例如 HTML:

<html>
    <div>
    <div>
</html>

CSS:

div {
    height: 10vw;
    background-color: red;
}

JSFiddle