在網頁中顯示所有的圖像與一個尺寸減少質量

Question

我想顯示一些圖像。我需要他們有相同的尺寸，並顯示來自中間的圖片，以防止他們的質量下降。

Answer 1

使用此CSS

image{ 
max-width:100%; 
max-height:100% 
} 

Answer 2

根據您的內容會有這樣做更多的是一種方式。但是這也可以幫助你中間對齊圖像。

.image { 
    max-width: 100%; 
    max-height: 100%; 
    margin: 0 auto; 
    display: block; 
} 

但我的建議是讓你的問題更容易理解你已有的東西以及你真正想要的東西。