我正在尝试使用材料盒来存储卡片图像。我的目标是点击卡片图片并全屏查看。
<div class="card large hoverable">
<div class="card-image">
<img materialize="" class="materialboxed" width="650" src.bind="movie.poster">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">${movie.title + " - " + movie.imdbRating}<i class="material-icons right">more_vert</i></span>
<p>${movie.genre.join(', ')}</p>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">${movie.title}<i class="material-icons right">close</i></span>
<p>${movie.director}</p>
<p>${movie.genre.join(', ')}</p>
<p>${movie.actors.join(', ')}</p>
<p>${movie.plot}</p>
</div>
</div>
问题在于它无法使图像容器更大。因此图像将被缩放,但由于容器很小,因此无法显示所有图像。