css圖片居中剪切，避免圖片變形

不管是在pc端還是在移動端，頁面都必不可少的會出現很多圖片，正常情況下，我們讓圖片100%自適應顯示的話，如圖下： 在這裏可以看到，圖片有大有小，但是有時候我們需要圖片顯示的大小是一樣，而且不能變形，那麼我們需要加入以下代碼 1.給圖片設置寬高 2.加入object-fit: cover;這行代碼 例如： .panorama li img{ display: block; width:100%;

>>阅读原文<<