img 標簽 object-fit 屬性

• 原圖片，保持縱橫比

• object-fit 幾個屬性

  valueeffect

  fill	將img的計算大小作為viewport的WH, 圖片縱橫比會發(fā)生變化，因為縮放因子Sx/Sy!=1
  contain	將圖片裝裱在容器內(nèi)，即將圖片縮放一定的倍數(shù)使得圖片的高寬都小于容器的高寬
  cover	調(diào)整圖片的高寬使得有一個屬性等于容器的高寬，溢出部分做裁剪
  none	不做調(diào)整，保持原大小，對齊容器中心與圖片中心
  scale-down	去contain與none效果中尺寸小的那一個

//固定圖片高寬后看下效果 img{border: 2px solid blue;height:150px;width:480px; display:block; }

總結(jié)

以上是生活随笔為你收集整理的css参考-img标签的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。