縮放圖像縮小以適合在移動設備上不工作

Question

我有一個公司，我就HERE.

我的問題的工作的員工隊伍頁是，當他們出現在移動員工的圖像不會縮小。

我的CSS是這樣的：

@media (max-width: 767px) { 
    .employee-image { 
     max-width: 85%; 
     max-height: 85%; 
    } 
} 

也許我的地方衝突的CSS？我不知道。

頁面鏈接：http://texasca.com/team

CSS鏈接：http://texasca.com/includes/team.css

Answer 1

看起來你正在使用的引導。在bootstrap中你有一個名爲.img-responsive的助手類。您可以用.img-responsive代替.employee-image，我想你會得到期望的結果。

要更清楚 - 只需將img-responsive類添加到所需的圖像。