使用CSS调整元素大小？
使用CSS调整元素大小？
提问于 2015-12-21 02:29:28
您可以根据其父元素的宽度调整元素的宽度，但是否可以根据其父元素的高度来调整元素的宽度？(不使用视口变量)
父母身高的CSS: "width=90%“?？
Width:90%;这方面的应用程序是通过设置元素的宽度和高度(相对于父元素的高度，而不是宽度)来保持在自适应布局中的高宽比。我正在尝试一种解决方案，不使用视口变量，如'vw‘或'vh’，因为不稳定的浏览器支持。
向jquery开放，但如果可能的话想避免.
回答 1
Stack Overflow用户
回答已采纳
发布于 2015-12-21 02:57:47
你使你的身体或html标签100%的高度和宽度，这将工作完全相同的vh和大众的整个文件。父级必须有一些高度和宽度的预定义值，以便子级可以采用您希望它们具有的形式。
举例说明。
body {
display: flex;
justify-content: center;
}
div {
display: flex;
justify-content: center;
align-items: center;
}
.parent {
width: 500px;
height: 500px;
border: 1px solid black
}
.child1 {
width: 75%;
height: 75%;
border: 1px solid blue;
}
.child2{
width: 50%;
height: 50%;
border: 1px solid red;
}
span{
display: flex;
align-self: baseline;
position: absolute;
} <div class="parent">
<span>parent</span>
<div class="child1">
<span>child1</span>
<div class="child2">
<span>child2</span>
</div>
</div>
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/34388166
复制相关文章
相似问题
腾讯云开发者
