内部に div と画像があるだけの html ページを作成しました。私の問題は、ブラウザ画面のサイズを変更すると、画像のサイズも変更されることです。ブラウザー画面の幅が変わるたびに何かをしたいと思います。たとえば、画像全体を表示するために scroll-x を表示して画像の解像度を同じに保ちます。
私はいくつかの回避策を行うことでそれを行うことができました。以下のフィドルを参照してください: http://jsfiddle.net/EB2cq/
<div style="width: 1424px; ">
<img src="http://1.bp.blogspot.com/_duWYbLDtB5s/RxD10qnsOZI/AAAAAAAAACc/9nPZhQRAVZ4/S658/google_logo_halloween_d-(mip.jpg"/>
</div>
ご覧のとおり、ブラウザ画面の幅が変わったときに画像をスクロールできます。しかし、私の場合、本当に必要なときにのみスクロールバーを表示したいので、divの幅を見たくありません。
上記のフィドルで div から幅スタイル属性を削除すると、動作は期待どおりになります。div は、ページの幅が画像の幅よりも小さい場合にのみ、スクロール x を取得します。ただし、私の Web アプリケーションでは、同じことは起こりません。ブラウザの幅に合わせて画像のサイズも変更されます。
ここで何が欠けている可能性がありますか? 私のWebアプリケーションにはまったく同じフィドルコードがあります
私はこの質問を見ましたが、それほど役に立ちませんでした: ウィンドウのサイズ変更でも画像を固定する