2017-08-06 12 views
2

私のウェブアプリケーションでは、多くの画像があります。それらは、style属性で指定された幅をピクセル単位で持っています。または、サイズが指定されていません。私はそれらを反応させたいと思いますが、親コンテナがもっと大きくても指定された幅や実際の幅より大きくならないようにしてください。レスポンシブな画像を必要なだけ縮小する

ご注意ください。画像は画像によって追加されますのでご注意ください。私は各画像に特定のスタイルを追加することはできません。これらの画像すべてにいくつかの一般的なスタイルルールを適用したいと考えています。

これは実行可能ですか?

+0

https://developer.mozilla.org/テンプレートのCSSファイルでこれを追加することを行うことができますen-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images – nem035

+1

最大幅:100%を使用します。プロパティと試して –

+0

チャンドラ、これは動作するようです。それを回答の投稿にすることができれば、私はそれを選択します。ありがとう! – curious1

答えて

2

max-widthプロパティを使用してください。したがって

CSS

img{ 
max-width:100%; 
} 

スタイル。

・ホープ、このことができます。..

1

あなたは

CSS最大-widthプロパティを使用して

img{max-width:100%;} 
関連する問題