問題

我正在使用影象,我遇到了方面比率問題.

 <img src="big_image.jpg" width="900" height="600" alt="" />
 

如您所見,已經指定了heightwidth.我為影象添加了CSS規則:

 img {
  max-width:500px;
}
 

但對於big_image.jpg,我收到width=500height=600.如何設定影象大小,同時保持其方面比率.

  最佳答案

 img {
  display: block;
  max-width:230px;
  max-height:95px;
  width: auto;
  height: auto;
} 
 <p>This image is originally 400x400 pixels, but should get resized by the CSS:</p>
<img width="400" height="400" src="http://i.stack.imgur.com/aEEkn.png"> 

這將使影象縮小,如果它對指定區域太大(作為下行,它不會擴大影象)。

  相同標籤的其他問題

cssimageaspect-ratio