Bootstrap和响应式图像

时间:2015-06-26 13:14:28

标签: html css twitter-bootstrap

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

我应该如何使用bootstrap处理响应元素?

1 个答案:

答案 0 :(得分:1)

如果您的库代码(例如网格系统)加载较晚,并且您的IMG' tag可能有以下css:

<强> SASS

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

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

  

注意:网格系统,在这里可以是任何文件或css哪个控件   您的img父标记width