TShopping

標題: BootStrap img-responsive 縮小圖片變形怎麼調整 [打印本頁]

---

作者: woff    時間: 2016-5-3 22:26
標題: BootStrap img-responsive 縮小圖片變形怎麼調整
很多人用BootStrap 圖片因寬度縮小看起來很高興

但是縮得太小的時候，高度會達到最小高度因此無法往下縮

會造成圖片變形，如圖



於是翻了一下bootstrap.css
找到 .img-responsive 這個class
裡面加入

1.   /* fix by woff */
   
2.   min-height:0px !important;
   
3.   /* fix by woff */

複製代碼

這樣就可以了
成功如下圖
演示網站
http://www.netyea.com/

---

歡迎光臨 TShopping (http://www.tshopping.com.tw/)

Powered by Discuz! X3.2