引导和响应式图像

Question

我在 img 标签内使用 .img-responsive 类。图像非常小 (42K)，但是当页面加载时，图像会在几秒钟内显示为非常大，直到它缩小以适合持有它的元素的大小。

我应该如何使用引导程序处理响应式元素？

Answer 1

当您的库代码（例如网格系统）加载较晚时会出现此问题，并且您的“IMG”标签可能具有以下 css：

sass

#yourIMG
     display:block
     max-width:100%
     height: auto
     width: 100% /*this one is your problem*/

而width:100% 在加载网格系统之前使您的img 全宽，您可以删除/覆盖该 css 或提前加载您的网格系统代码

注意：网格系统，这里可以是任何文件或css哪个控制 你的img父标签width