竹北網站架設

2023-10-09 08:25:44annagnl2

BootStrap img-responsive 縮小圖片變

留言 0 收藏 0 推薦 0

很多人用BootStrap 圖片因寬度縮小看起來很高興

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

會造成圖片變形，如圖

網站架設

1.png

 



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

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

這樣就可以了
成功如下圖

網站架設2.png
演示網站
http://www.netyea.com/

網站架設

上一篇：CSS用google連結改變網頁字型語法

下一篇：透過glob scandir readdir取得資料夾內的檔

你可能感興趣的文章

晚安小雞

            

18 小時前

為吳瑞瑋引路，第19天

16.791254,99.020644

13 小時前

晚安小雞

          

21 小時前

為Clementina Ângela de Melo Leitão墓碑

直至2024/11/14, 累積工作了333.00/5,000小時

23 小時前

Henrique de Senna Fernandes

目前，累積派了7,209/300,000張傳單。

23 小時前
PChome首頁 線上購物 24h購物 書店 露天拍賣 比比昂代購
新聞 / 氣象 股市 個人新聞台 廣告刊登 加入聯播網 全球購物
買賣租屋 支付連 國際連 Pi 拍錢包 旅遊 服務中心
買車 旅行團 汽車險推薦 線上麻將 雜誌 星座命理 會員中心
一元簡訊 直播達人 數位憑證 企業簡訊
買網址 虛擬主機 企業郵件
廣告刊登 隱私權聲明
消費者保護 兒童網路安全
About PChome 投資人聯絡 徵才
著作權保護｜網路家庭版權所有、轉載必究 ‧Copyright PChome Online

PChome Online and PChome are trademarks of PChome Online Inc.