2017-02-03 20 views
-1

アスペクト比を維持しながら画像のサイズを強制的に変更することはできますが、幅は200ピクセルに設定することができます。 私はたくさんの画像を持っています、それらの誰もが異なるサイズであり、いくつかはより大きく、そしてより広いものです。しかし、私はレイアウトのそれぞれの幅が200pxであることを望んでいます。次の私はそれについての詳細を説明します。幅に基づいて画像のサイズを変更する

enter image description here

+1

を高さを残します。 .. – epascarello

+0

@epascarelloはい、私は試しましたが、画像を切ります –

+1

'width:200px'と' height:auto'を設定するだけで、何かに高さを設定しないとうまくいきます。 H:W比は、width = 200px; height:200px;のように両方を固定値に設定しない限り、自動的に維持されます。デフォルトでは、4:3画像で、width:200pxとheightだけを設定すると、高さは150pxになります。イメージをどこかで切断している場合は、フィドルを作成してください。 – forrestmid

答えて

1

ただCSSで幅を設定し、これだけの高さの幅を設定していない自動車として

<img src="https://images-na.ssl-images-amazon.com/images/M/[email protected]@._V1_UY317_CR22,0,214,317_AL_.jpg" style="width: 200px; height:auto;"> 
 

 
<img src="https://images-na.ssl-images-amazon.com/images/M/[email protected]@._V1_UY317_CR22,0,214,317_AL_.jpg" style="width: 300px; height:auto;">

関連する問題