[css] 如何让大小不同的图片等比缩放不变形显示在固定大小的div里?写个例子
生活随笔
收集整理的這篇文章主要介紹了
[css] 如何让大小不同的图片等比缩放不变形显示在固定大小的div里?写个例子
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
[css] 如何讓大小不同的圖片等比縮放不變形顯示在固定大小的div里?寫個例子
圖片等比縮放 img{ object-fit: cover/contain;}div寬高比例固定,跟隨屏幕變化而變化,利用padding垂直方向的屬性來實現(xiàn)個人簡介
我是歌謠,歡迎和大家一起交流前后端知識。放棄很容易,
但堅持一定很酷。歡迎大家一起討論
主目錄
與歌謠一起通關(guān)前端面試題
總結(jié)
以上是生活随笔為你收集整理的[css] 如何让大小不同的图片等比缩放不变形显示在固定大小的div里?写个例子的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: [css] 举例说明在css3中怎么实
- 下一篇: D1,4CIF,CIF,QCIF各代表的