0

イメージがあります。この画像の高さは 100% である必要があります。したがって、私の CSS では、height: 100% を定義しました。問題はそれぞれの幅です。この画像はパノラマであるため、ビューポートのサイズを確実に超えます。私はこれが起こることを望んでいません。オーバーフローのような方法はありますか: 最大ビューポート幅の後の画像の部分を完全に非表示にする隠し。

HTML

<div id="image">
    <img src="http://photoblogstop.com/wp-content/uploads/2012/07/Sierra_HDR_Panorama_DFX8048_2280x819_Q40_wm_mini.jpg"/>
</div>

CSS

#image {
    height: 100%;
}

ここにもフィドルがあります。 http://jsfiddle.net/AH3Hd/

4

3 に答える 3

0

次のようなことができます。

#image {
    overflow: hidden;
    height:300px; // Depends on the size you want
    width:300px;
}
#image img{
    height:100%;
}

これがフィドルです：http://jsfiddle.net/jwvanveelen/AH3Hd/7/

于 2013-10-22T13:43:16.313 に答える