close

BootStrap img-responsive 縮小圖片變

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

如許就能夠了
成功以下圖

BootStrap img-responsive 縮小圖片變

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

很多人用BootStrap 圖片因寬度縮小視起來很雀躍

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

會造成圖片變形，如圖

 

網頁設計BootStrap img-responsive 縮小圖片變
演示網站
http://www.netyea.com/

BootStrap img-responsive 縮小圖片變

網頁設計

本文出自:
arrow
arrow
    文章標籤
    網頁設計
    全站熱搜
    創作者介紹
    創作者 nalrenu7oe6l6 的頭像
    nalrenu7oe6l6

    中壢網頁設計

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