0

幅 755px のローディング アニメーションとして使用している画像があります。

http://www.salts-studios.com/resources/working_large.gif

問題は、私が開発しているアプリの 1 つのセクションで、画像の幅が流動的でなければならないという要件があることです。

IE 8 は主にサポートされているブラウザーなので (わかっています、わかっています)、必要に応じて画像を拡大することはできません。

画像を変更することはできませんが、元の画像とスタイルが同じである限り、新しい追加画像を作成できます。

完全に流動的な幅を実現するためのテクニックを誰かが推奨できますか?

さまざまな引き戸のテクニックを試しましたが、画像がアニメーション化されると失敗します。

前もって感謝します。

4

1 に答える 1

1

これにはかなり簡単な解決策があります。親 div で に設定しwidth: 100%、子画像も に設定しwidth: 100%ます。次に例を示します。

.bar {
  width: 100%;
}

.bar img {
  width: 100%;
  height: 19px;
}

そして、ここに実際の例があるJSBinがあります

ブラウザ ウィンドウを別のサイズにドラッグし、画像の幅が変更されるのを確認します。これが起こるべきだとあなたが考えていたことかどうか教えてください。

于 2013-01-31T16:30:31.830 に答える