2013-01-24 11 views
9

イメージの元のサイズを表示しようとしています。多くの場合、それを含むdivの幅よりも大きくなります。divで自動イメージのサイズ変更を無効にする(ブートストラップを使用)

最新のブラウザでは、親divに合わせて自動的にサイズが変更されます。 overflow: autoを使用しても、画像のサイズが変更されます。

それで、外側のdivの幅が設定されている場合、画像のサイズが変更されないようにするにはどうすればよいですか?

ありがとうございました!

答えて

19

ブートストラップの最大幅を画像に100%に設定しました。それを変更します。

img { 
    max-width: none; 
} 
+0

を使用。例: 'img.oversize:{max-width:none}' – isherwood

+1

これはZurb Foundation(6ととにかく)にも当てはまります。 – Whatcould

-1

私はむしろ、ブートストラップのコアレイアウトを変更するよりも、ブートストラップよりも優先されますクラスを作成する方が良いでしょう。この1 img {min-width:100%}

+0

説明を追加することもできます – oefe

関連する問題