如何讓2幅圖像（同一高度不同的寬度）收縮比例

Question

我有以下的設計

如何保持這2個圖像通過的身邊側，當瀏覽器縮小兩者要縮小比例保持比例和高度。無法正確使用引導列，並且顯示內嵌塊也不適用於我。這真讓我抓狂。有誰能夠幫助我？

Answer 1

給每個％width根據他們的比例。

img { 
 
    padding: 1%; 
 
    width: 64.3%; 
 
} 
 
img + img { 
 
    width: 31.5% 
 
}

<img src="http://lorempixel.com/940/400" /><img src="http://lorempixel.com/460/400" />

Answer 2

https://jsfiddle.net/2028L68u/1/

CSS -

img{ 
    display:inline-block; 
} 
#img1{ 
    width:67%; 
    float:left; 
} 

#img2{ 
    width:33%; 
    float:left; 
} 

HTML -

<img id="img1" src="http://www.sixdegreesdigitalmedia.com/wp-content/uploads/2016/06/Google-Tools-part-two-940x400.jpg" /> 
<img id=img2 src="http://kitengelaterraces.com/wp-content/uploads/2015/09/Slider-460x400.jpg"/>