24h購物| | PChome| 登入
2023-06-03 10:19:50| 人氣15| 回應0 | 上一篇 | 下一篇

BootStrap img-responsive 縮小圖片變

推薦 0 收藏 0 轉貼0 訂閱站台

 

網頁設計1.png

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



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

網頁設計

許多人用BootStrap 圖片因寬度縮小視起來很愉快

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

會造成圖片變形，如圖

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

這樣就能夠了
成功以下圖



本篇文章引用自此:

我要檢舉
台長： dalekxrd2

您可能對以下文章有興趣

人氣(15) | 回應(0)| 推薦 (0)| 收藏 (0)| 轉寄
全站分類: 藝文活動(書評、展覽、舞蹈、表演) | 個人分類: NetYea |
此分類下一篇:Opencart 在Cpanel主機上點上傳不會泛起目錄
此分類上一篇:STRENGTH.JS 暗碼強度檢查,利用 JQUERY 框

我要回應
否 是 (若未登入"個人新聞台帳號"則看不到回覆唷!)
* 請輸入識別碼：
請輸入圖片中算式的結果(可能為0) 
(有*為必填)
TOP
詳全文