使用卡片图像的材料盒

Question

我正在尝试将材料框用于卡片图像。我的目标是点击卡片图像并全屏查看。

  <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>

问题是它无法使图像容器更大。所以图像会被缩放，但是因为容器很小，它不能显示所有的图像。

Answer 1

这是他们上次提交中修复的问题：

https://github.com/Dogfalo/materialize/issues/2091