網頁圖片按比例自適應縮放實現方法

用戶上傳照片，照片的尺寸未知；需要生成一個預覽，這個預覽圖要根據提供給用戶預覽的區域自應用，並且居中；如果圖片太大，需要按比例縮放。如下圖。   瞄了一下，居中可以用 text-align:center; 來實現。而按比例縮放，利用預設 <img /> 的 width 、height 屬性解決不了。因爲用戶圖片可能是很長的，也可能是很寬的。在線上想了一下他們的關係，按條件來判斷是這樣的： if(實

>>阅读原文<<