css - 如何使我的图像响应，最大宽度不起作用

Question

我正在尝试使我的图像具有响应性，但 max-width 由于某种原因无法正常工作。小于 499 像素的图像在右侧被截断。网址:http://boasish.com

/*** Images */
img {
    height: auto;
    max-width: 100%;
}

Answer 1

尝试将此类添加到 img 标签中:

.img-responsive {
    width: 100%;
    display: block;
    height: auto;
}