为了适应响应式网站的需求,我不能使用固定宽度。
我需要让所有图片裁剪成正方形。我无法定义确切的尺寸,因为它还需要具有max-width:100%
,以使其成为一个自适应图像,按照容器的大小(相对于浏览器的宽度)调整大小。
我看到很多解决方案建议使用background-image
,但这不可行,必须使用img
标签。而且还必须在IE8中工作。
有什么想法吗?
我目前已经有:
.views-field-field-photo img {
width: 100%;
height: auto;
}
<div class="field-content">
<img src="imagehere" >
</div>