ウィンドウが画像全体を表示できない場合に、左側の画像を切り取るようにする方法がわかりません。
このコードは常に次を使用して右側をカットします。
img {
position:fixed;
}
right:0;
サイズ変更時に左側をカットしたい場合は、追加するだけです。このフィドルをチェックしてください: http://jsfiddle.net/H3Vqc/1/とテスト。
さらに遠く:
width: 100%
。position: absolute;
場合left:0;
または、画像がこの結果に表示されているdivにdir="rtl"を適用するだけです。
<div dir="rtl"><img src="yourImg.jpg"/>
</div>
css background を使用している場合は、background-positionプロパティを使用して画像を配置し、幅と高さを使用して適切なサイズにすることができると厳密に仮定します
次のように に設定max-width: 100%
することをお勧めします<img>
: http://jsfiddle.net/H3Vqc/4/