私は最初のレスポンシブウェブサイトに取り組んでおり、すべての画像のサイズを動的に変更する方法を知りたいです。私は今のところそれを回避しましたが、私はこれをどのように行ったかを本当に考え直したいと思います。実装が簡単なこのプラグインはありjqueryますか（私は多くを知りませんjs）？もっと良い方法はありますか？
質問する
774 次
2 に答える
2
実際には、これにはjsは必要ありません。これはCSSだけで実現できます。コメント内のリンクのソースを見て理解したように、画像の動的なサイズ変更に必要なのは、max-widthに設定されたプロパティだけ100%です。ただし、画像のサイズも動的に大きくしたい場合は、を使用する必要がありますwidth:100%。
このjsFiddleの例を参照してください。max-width画像の解像度を超えないことに気付くでしょう-一方width、画像がコンテナを満たすことを保証します（幅が元の画像を超えると解像度が失われるため、不利な点と見なされる場合があります）。
ただし、問題がありますが、max-widthプロパティはIE6以下ではサポートされていません。IE7でのみ導入されました。ただし、この記事ではその回避策を提供します。
于 2012-07-09T18:48:31.257 に答える
1
ただし、cssを使用して画像のサイズを変更しても、画像の応答性は向上しません。
200 kbの画像は、幅が1000ピクセルの場合は200 kbになりますが、cssによって幅が50ピクセルにサイズ変更された場合も同様です。
大きな画像がスマホに読み込まれるまで待って、皆さんの顔を見たいです
于 2012-07-27T12:56:22.727 に答える