我有一张类似的卡片。它的右侧是可变宽度/高度的内容，左侧是图像。我希望图像垂直拉伸，占据卡片中的所有垂直空间，并保持纵横比为 1/1（因此基本上使其宽度与其高度相匹配）。
如果不编写脚本，这可能吗？
我希望新的aspect-ratioCSS 属性能派上用场，但如果没有明确的宽度/高度，它似乎不会产生任何效果，并且将高度设置为 100% 最终会降低高度以达到 1/1 宽高比-ratio，而不是增加宽度。
#container {
background: lightgray;
display: flex;
justify-content: center;
align-items: center;
}
#object {
background: pink;
aspect-ratio: 1/1;
overflow: hidden;
align-self:stretch;
}
#control {
font-size:1.5em;
}<div id="container" class="resizable">
<div id="object">
maintain 1/1
</div>
<div id="control">
<div>Content</div>
<div>Content</div>
<div>Content</div>
<div>Content</div>
<div>Content</div>
<div>Content</div>
<div>Content</div>
<div>Content</div>
</div>
</div>是否可以运行 cmd.exe 并使用 Electron.js 执行某些命令？
如果是的话我该怎么做？