Css 图片高度响应引导2

我正在使用Bootstrap 2为我的电影门户创建一个响应性设计

我想使图像的高度与其他图片相同。当我手动设置图片高度时，它看起来很漂亮，所有图片都与其他图片处于同一水平

但当我在平板电脑上打开网站时，所有的图片看起来都被压缩了

例1：

如果我从图片中删除高度，则图片与其他图片不在同一级别，看起来很糟糕

例2：

也许你知道怎么修吗

HTML:

---

您可能会使用Bootstrap 3，因为它很容易生成响应图像：

共享你的HTML和CSS代码如果你想保持纵横比不变，你只需要设置高度而不设置宽度。我试过了，但还是一样！谢谢！

<div class="span2 item all">
   <div class="picframe img-polaroid">
      <span class="overlay">
      <span class="info-area">
      <a class="img-icon-url" href="/movie"></a>
      </span>
      <span class="pf_text">
      <span class="project-name">Movie Name</span>
      <span>Genre</span>
      </span>
      </span>    
      <img data-original="pictur.jpg" src="picture.jpg" alt="" class="poster"/>
   </div>
</div>

.poster {
   width:170px;
   height:226px;
}

<img src="..." class="img-responsive" alt="Responsive image">