图片元素 - 哪里申请响应IMG类

Question

比方说，我已经得到了下面的图片元素：

<picture> 
    <source srcset="images/[email protected] 1x, images/[email protected] 2x" 
        media="(min-width: 840px)"> 
    <source srcset="images/[email protected] 1x, images/[email protected] 2x" 
        media="(min-width: 480px)"> 
    <img src="images/something-479.jpg" 
       srcset="images/[email protected] 1x, images/[email protected] 2x" alt="Something"> 
</picture> 

我看到，当有intermidiate屏幕宽度的图像不响应的（例如，它们溢出。他们的父母元素），这只是自然的。

眼前的事情会适用以下类：

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

那么请问在哪里究竟这样一个类被应用？在<source>？在<img>？在<picture>？到处？

Answer 1

您必须将该类应用于<img>标记。