Javascript 材料和介质高度作为纵横比还是使用vh？ const useStyles=makeStyles({ 媒体：{ 身高：183 } });

这让我以px为单位设置大小。有没有办法将其设置为纵横比？例如，在300px宽的卡上是200px高，在600px宽的卡上是400px高？ 这是我喜欢的方式

---

作为替代方案，我如何使用vh来提高屏幕的高度？

看来我至少找到了一个适合较小屏幕的解决方案。希望我能用

'100vw'*1.778

而不仅仅是100。但现在它的规模很小

    media: {
        width: '100vw', //this gives me full width
        height: props => 100 * props.ratio,
    },
});

export default function MediaCard() {
    const classes = useStyles({ratio: 1.778});

    return (
        <Card className={classes.root}>
            <CardActionArea>
                <CardMedia
                    className={classes.media}
                    image={michel}
                    title="Michel"
                />
            </CardActionArea>

        </Card>
    );
}

媒体：{
宽度：“100vw”，//这给了我全宽
高度：道具=>100*道具比率，
},
});
导出默认函数MediaCard（）{
const classes=useStyles（{ratio:1.778}）；
返回(
);
}