向下缩放图像以适合移动设备不起作用

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。在bootstrap中，您有一个名为.img-responsive的帮助程序类。您可以将.employee-image替换为.img-responsive，我认为您将获得所需的结果。

更清楚 - 只需将img-responsive类添加到所需的图像。