在一行中自動調整不同大小的圖像

Question

我有一組不同高度，寬度和寬高比的圖像。我想將它們排成一行以適應整個屏幕。我也希望所有的高度都一樣。所以我可以將寬度設置爲自動並手動播放高度，直到沒有圖像下降到下一行，但顯然這不適用於具有不同分辨率的顯示器。有沒有簡單的方法來做到這一點，而不必使用任何特定圖像的常量？

Answer 1

如果你設置了img {max-width: 100%}，你的圖像將變得靈敏並且在不同的分辨率下很好地縮放。然後，你必須設置height: 100%或其他一些百分比值，你的圖像應該看起來很好，在不同的屏幕大小相等

Answer 2

<img src="IMAGE LINK" style='width:100%;' border="0" alt="Null">

嘗試使用這讓你的圖像響應所有顯示器。

注意：這可能會影響比率