假设我有以下图片元素:

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


我看到当屏幕宽度不确定时,图像没有响应(例如,它们的父元素溢出),这是自然的。

立即要做的是应用以下类:

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


所以我问像这样的课程到底在哪里应用?在<source>上?在<img>上?在<picture>上?到处?

最佳答案

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

09-10 09:05
查看更多