close

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

可是縮得太小的時候，高度會達到最小高度是以沒法往下縮

會造成圖片變形，如圖

網頁設計 BootStrap img-responsive

 

網頁設計 BootStrap img-responsive

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

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

如許就能夠了
成功以下圖

網頁設計網頁設計 BootStrap img-responsive
演示網站
http://www.netyea.com/

網頁設計 BootStrap img-responsive



本篇文章引用自此:
文章標籤
網頁設計
全站熱搜
創作者介紹
創作者 valeritmfov8 的頭像
valeritmfov8

苗栗網頁設計

valeritmfov8 發表在 痞客邦 留言(0) 人氣()