高さの応答イメージのアスペクト比

Question

私は768px x 432pxのイメージを持っています。私はそれに反応しますが、350px x 250pxの値に基づいてアスペクト比を計算します。

私は幅ではできますが、高さではできません。

どうすればいいですか？

私は幅のために何を使用しています：フィッティング応答クロスプラットフォームのページのVH/VWタグを使用してCSSの

.thumb { 
    width: 100%; 
    max-width: 350px; 
} 

.thumb { 
 
    width: 100%; 
 
    max-width: 350px; 
 
    max-height: 250px; 
 
    height: 100%; 
 
}

<div class="container"> 
 
    <div class="row"> 
 
    <div class="col col-md-4"> 
 
     <img src="http://lorempixel.com/768/432/technics/" class="thumb"> 
 
    </div> 
 
    </div> 
 
</div>

Answer 1

試してみます。例えば

： VH - ビュー - 高さ VW - viewwidth

.thumb { 
    width: 100%; 
    max-width: 30vw; 
    max-height: 25vh; 
    height: 10vh; 
} 

ただ、サイドノート、ページ幅のあなたの思考 - basiclyう10または100であることと3vw widtheページ全体を想像ページのサイズにかかわらず、ページの3分の1を少し上回ってください。 hightと同じアイデア。