防止（Bootstrap）附加图像调整大小

Question

我正在使用Bootstrap affix插件，一旦用户滚过它，就会在视口顶部附加一个img。

我将.img-fluid类应用于img，img位于3列容器中。

词缀有效，但当图像附加时，它会变得巨大。我不想为它设置px宽度，因为我希望图像大小与视口一起弯曲 - 我希望它保持与3列容器中相同的大小。

我尝试粘贴3列容器，但随后改变位置！

Hayulllppp请！这是HTML + CSS FWIW ......

    <div class="col-sm-12 col-md-3 sms">
    <img src="img/sms/ch1_aug24_dad_sms1.png" data-spy="affix" data-offset-top="300" class="img-fluid">
    </div>

    .sms img {
         margin:1rem 0rem;
         max-width:100%;
          }
    .affix  {
    position:fixed;
    top:.5rem;
    z-index:9999;
          }

Answer 1

您可以在px中指定宽度。如果图像对于视口来说太大，img-fluid类会使图像以缩小图像的方式响应。