缩放图像缩小以适合在移动设备上不工作

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类添加到所需的图像。