我在img标签中使用.img-responsive类。图像非常小(42K)但是当页面加载时,图像显示多秒,直到它缩小到适合持有它的元素的大小。
我应该如何使用bootstrap处理响应元素?
答案 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