Question

我目前正在使用角度引导旋转木马玩一点，想要显示一些图片，并且能够点击它们。

我的第一个问题是，并非所有的图像都具有完全相同的大小，并且它们不适合我的引导列。通常情况下图片不够宽，因此在左侧和右侧留下了大量的自由空间。是否可以自动裁剪/放大图像，因此它会一直填满所有空间？

我的另一个问题是..如何将每张图片链接到某个东西？

Answer 1

要强制将图片升迁到容器，您必须应用一些CSS。 Bootstrap的img-responsive类将max-width设置为100％，但这并不会强制升级。

<style>
.oversize {
    width: 100%;
    height: auto;
}
</style>

要链接图像，请将其包装在锚点中：

<a href="/some-page"><img src="/some-image.jpg" class="oversize" /></a>