我是一个有用的助手,可以翻译文本。
我已经开始使用Material-ui-next并且在显示图片方面遇到了一些问题,这些图片需要使用整个容器的大小。例如,我使用:
在渲染中:
文档说明需要指定图像的高度才能显示。"media"示例将图像的高度设置为0,但是,如果我应用此设置,我的图像就无法显示-提到的示例。
现在,对我来说,媒体高度是试错的过程,以使其适合卡片容器而不被裁剪。 没有自动完成此操作的方法吗?
非常感谢任何帮助, 朋友们干杯,
托比亚斯
编辑:我应该提到
我已经开始使用Material-ui-next并且在显示图片方面遇到了一些问题,这些图片需要使用整个容器的大小。例如,我使用:
const styles = theme => ({
Card: {
width: 300,
margin: 'auto'
},
Media: {
height: 550
}
});
在渲染中:
<Card className={classes.Card}>
<CardMedia
className={classes.Media}
image={ImgPomodoR}
title="a pomodoro tomatoe timer in material design"
/>
<CardContent>
<Typography gutterBottom variant="headline" component="h2">
...
文档说明需要指定图像的高度才能显示。"media"示例将图像的高度设置为0,但是,如果我应用此设置,我的图像就无法显示-提到的示例。
现在,对我来说,媒体高度是试错的过程,以使其适合卡片容器而不被裁剪。 没有自动完成此操作的方法吗?
非常感谢任何帮助, 朋友们干杯,
托比亚斯
编辑:我应该提到
height:"100%"
// maxHeight:"100%"
也对我不起作用。