Javascript 如何在具有特定百分比的父div中显示具有背景大小封面的图像

我想使用

背景尺寸：cover

显示尺寸为

63x88

的图像。我希望图像高度为父div的百分比大小。我尝试过，但它没有显示完整的图像

正文{
保证金：0；
位置：相对位置；
身高：0；
宽度：100%；
垫底：62.5%；
}
.pokerf{
位置：绝对位置；
宽度：100%；
身高：100%；
背景：浅蓝色；
}
.桌子{
位置：绝对位置；
排名前10%；
左：10%；
宽度：80%；
身高：70%；
边界半径：100px；
背景：绿色；
盒影：0px 0px 1px 1px黑色；
}
.按钮{
位置：绝对位置；
背景：白色；
边界半径：50%；
宽度：1.4em；
高度：1.4em；
文本对齐：居中；
垂直对齐：中间对齐；
线高：1.4em；
字号：1em；
}
.中号信用卡{
位置：绝对位置；
宽度：10%；
身高：10%；
}
.卡片{
边框：实心1px黑色；
宽度：100%；
身高：100%；
背景：黄色；
背景尺寸：封面；
}
.王牌红桃{
背景图像：url（'http://placehold.jp/3d4070/ffffff/63x88.png?css=%7B%22border-半径%22%3A%2215px%22%7D'）
}

B

请将以下css属性添加到具有类“middle flop1 card ace hearts”的div中，它将解决您的问题，有关更多详细信息，请访问：

---

您想要保险金还是百分比？你需要决定我想让图像覆盖黄色背景，黄色背景占父级的百分比，我想黄色背景的比例必须是63x88。所以真正的问题是保持黄色div的比例考虑基于高度的宽度？我无法精确计算，因为浮点数错误，它显示为off，我如何补偿这些小错误

background-attachment: fixed;