Twitter bootstrap boostrap响应照片网格在页面缩小时裁剪照片

我被卡住了，我在react应用程序中有一个引导照片网格，为了使不同大小的照片显示相同的大小，我添加了一些样式修改。全屏显示一切正常，但现在网格响应不起作用

const photoHeight = { width: '100%',objectFit: 'cover'}

const photoDiv = {height: '315px',width: '270px'} 

<div class="row">
   {this.state.employees.map(employee =>    
     <div class="col-sm-6 col-md-3">
        <div class="team-item text-center">
           <div class="team-avatar" style={photoDiv}>
             <img style={photoHeight} class="img-responsive" src={employee.photo} alt=""/>
           </div>
        </div>
     </div>
   )}
 </div>

constphotoheight={width:'100%'，objectFit:'cover'}
const photoDiv={height:'315px'，width:'270px'}
{this.state.employees.map（employee=>
)}

正如你在下面的照片中看到的，当我缩小屏幕时，照片的宽度被裁剪（高度很好，我不想在照片中显示人脸）

---

在img标签内是否应该有

class=“img fluid”

呢？

在img标签内是否应该有

class=“img fluid”

呢？

注意：非常简短和/或是回复到海报上的问题的答案可能应该是评论。在一个问题下，你只需要50个代表点就可以发表评论-你能把这个移到那里吗？对不起，我没有看到这个选项，可能是因为我只有16个代表点，因为我不知何故失去了我以前的个人资料？！：-（我一直在寻找这个问题，但现在我知道我没有足够的代表点去看它。）注：回答非常简短和/或是回复到海报上的问题可能应该是评论。在一个问题下，你只需要50个代表点就可以发表评论-你能把这个移到那里吗？对不起，我没有看到这个选项，可能是因为我只有16个代表点，因为我不知何故失去了我以前的个人资料？！：-（我一直在寻找那个，但现在我知道我根本没有足够的代表点去看它。”——）