CSS是網頁設計中不可或缺的一部分,主要是用來控制頁面的樣式和布局,其中一個常用的功能是對圖片進行寬度縮放。
img{ max-width: 100%; height: auto; }
上述代碼中,max-width屬性可以讓圖片按容器的寬度自適應縮放,同時height:auto可以保持圖片的原始比例。
在實際應用中,我們可以給img標簽添加一個class來控制圖片的樣式。
.img-responsive { max-width: 100%; height: auto; }
通過這樣的方式,我們就可以簡便地對網頁中的圖片進行寬度縮放,并方便地修改樣式。
下一篇css 圖片平面圖